首充弹窗和页面install
49
view/moliparty/modules/firstRechargeBonus/First_Bonus.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title class="First_Bonus"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||
<link rel="stylesheet" href="../../common/css/animate.css" />
|
||||
<link rel="stylesheet" href="./css/First_Bonus.css?v=1.1" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<img src="./images/tit-en.png" alt="" class="top_img"></img>
|
||||
</div>
|
||||
<div class="rewards_list">
|
||||
<!-- <div class="reward_box">
|
||||
<div class="title">First Recharge 1 USD</div>
|
||||
<div class="title_txt">1 USD = 7,000 Gold + 24,350 Gift</div>
|
||||
<div class="img_top">
|
||||
<img src="./images/top_1.png" alt="">
|
||||
</div>
|
||||
<div class="reward_content">
|
||||
<div class="reward_item">
|
||||
<div class="reward_img">
|
||||
<img src="./images/header.png" alt="">
|
||||
</div>
|
||||
<div class="rewards_txt">VIP*3Days</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="bottom Recharge_Now">Recharge Now</div>
|
||||
</body>
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/First_Bonus.js?v=1.0"></script>
|
109
view/moliparty/modules/firstRechargeBonus/css/First_Bonus.css
Normal file
@@ -0,0 +1,109 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background-color: #F06A3F;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-image: url("../images/header_two.png");
|
||||
background-size: 100% 100%;
|
||||
height: 11.6266666667rem;
|
||||
}
|
||||
.header .top_img {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.rewards_list .reward_box {
|
||||
background-image: url("../images/rewards_bg_two.png");
|
||||
background-size: 100% 100%;
|
||||
margin: 0.3333333333rem;
|
||||
padding-bottom: 0.2666666667rem;
|
||||
}
|
||||
.rewards_list .reward_box .title {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4533333333rem;
|
||||
color: #130D00;
|
||||
text-align: center;
|
||||
padding-top: 0.2666666667rem;
|
||||
}
|
||||
.rewards_list .reward_box .title_txt {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.5333333333rem;
|
||||
color: #130D00;
|
||||
line-height: 0.56rem;
|
||||
padding-top: 0.6666666667rem;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
.rewards_list .reward_box .title_txt::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0.0666666667rem;
|
||||
height: 0.1733333333rem;
|
||||
background-color: #FFD162;
|
||||
border-radius: 0.0933333333rem;
|
||||
width: 8.36rem;
|
||||
z-index: -1;
|
||||
}
|
||||
.rewards_list .reward_box .title_txt span {
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.rewards_list .reward_box .img_top {
|
||||
text-align: center;
|
||||
margin-top: 0.3066666667rem;
|
||||
}
|
||||
.rewards_list .reward_box .img_top img {
|
||||
width: 4.4rem;
|
||||
height: 1.0133333333rem;
|
||||
}
|
||||
.rewards_list .reward_box .reward_content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5333333333rem;
|
||||
margin: 0.4933333333rem 0.6666666667rem 0;
|
||||
}
|
||||
.rewards_list .reward_box .reward_content .reward_item .reward_img {
|
||||
background-image: url("../images/rewards_bg_big.png");
|
||||
background-size: 100% 100%;
|
||||
width: 3.0666666667rem;
|
||||
height: 3.0666666667rem;
|
||||
padding: 0.2933333333rem;
|
||||
}
|
||||
.rewards_list .reward_box .reward_content .reward_item .reward_img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.rewards_list .reward_box .reward_content .reward_item .rewards_txt {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.4rem;
|
||||
color: #130D00;
|
||||
line-height: 0.56rem;
|
||||
margin-top: 0.16rem;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
max-width: 3.6533333333rem;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
background-image: url("../images/bottom_btn.png");
|
||||
background-size: 100% 100%;
|
||||
height: 1.3333333333rem;
|
||||
margin: 0.4rem 0.4666666667rem;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.5066666667rem;
|
||||
color: #130D00;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
126
view/moliparty/modules/firstRechargeBonus/css/First_Bonus.scss
Normal file
@@ -0,0 +1,126 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background-color: #F06A3F;
|
||||
// padding: px2rem(26);
|
||||
}
|
||||
|
||||
.header {
|
||||
background-image: url("../images/header_two.png");
|
||||
background-size: 100% 100%;
|
||||
height: px2rem(872);
|
||||
|
||||
.top_img {
|
||||
padding-top: px2rem(150);
|
||||
}
|
||||
}
|
||||
|
||||
.rewards_list {
|
||||
.reward_box {
|
||||
background-image: url("../images/rewards_bg_two.png");
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(25);
|
||||
// border-radius: px2rem(26);
|
||||
// height: px2rem(1016);
|
||||
padding-bottom: px2rem(20);
|
||||
.title {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(34);
|
||||
color: #130D00;
|
||||
text-align: center;
|
||||
padding-top: px2rem(20);
|
||||
}
|
||||
.title_txt {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(40);
|
||||
color: #130D00;
|
||||
line-height: px2rem(42);
|
||||
padding-top: px2rem(50);
|
||||
text-align: center;
|
||||
position: relative; // 添加相对定位
|
||||
z-index: 99;
|
||||
|
||||
// 下划线样式
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(5); // 调整下划线与文本的距离
|
||||
height: px2rem(13); // 下划线高度(可以根据需要调整)
|
||||
background-color: #FFD162;
|
||||
; // 下划线颜色(可以根据需要调整)
|
||||
border-radius: px2rem(7);
|
||||
width: px2rem(627);
|
||||
z-index: -1;
|
||||
}
|
||||
span{
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.img_top {
|
||||
text-align: center;
|
||||
margin-top: px2rem(23);
|
||||
|
||||
img {
|
||||
width: px2rem(330);
|
||||
height: px2rem(76);
|
||||
}
|
||||
}
|
||||
.reward_content{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: px2rem(40);
|
||||
margin: px2rem(37) px2rem(50) 0;
|
||||
.reward_item{
|
||||
.reward_img {
|
||||
background-image: url("../images/rewards_bg_big.png");
|
||||
background-size: 100% 100%;
|
||||
width: px2rem(230);
|
||||
height: px2rem(230);
|
||||
padding: px2rem(22);
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
.rewards_txt {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(30);
|
||||
color: #130D00;
|
||||
line-height: px2rem(42);
|
||||
margin-top: px2rem(12);
|
||||
text-align: center;
|
||||
// 允许文字自动换行
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
// 可选:设置最大宽度以限制换行范围
|
||||
max-width: px2rem(274);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
background-image: url("../images/bottom_btn.png");
|
||||
background-size: 100% 100%;
|
||||
height: px2rem(100);
|
||||
margin: px2rem(30) px2rem(35);
|
||||
font-family: PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(38);
|
||||
color: #130D00;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
115
view/moliparty/modules/firstRechargeBonus/css/index.css
Normal file
@@ -0,0 +1,115 @@
|
||||
@charset "UTF-8";
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-image: url("../images/header.png");
|
||||
background-size: 100% 100%;
|
||||
height: 10.7466666667rem;
|
||||
width: 100%;
|
||||
padding-bottom: 0.4666666667rem;
|
||||
}
|
||||
.header .top_img {
|
||||
padding-top: 1.7333333333rem;
|
||||
}
|
||||
.header .title {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.4533333333rem;
|
||||
color: #130D00;
|
||||
line-height: 0.56rem;
|
||||
padding-top: 0.6666666667rem;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
.header .title::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 1.6rem;
|
||||
right: 0;
|
||||
bottom: 0.0666666667rem;
|
||||
height: 0.1733333333rem;
|
||||
background-color: #FFD162;
|
||||
border-radius: 0.0933333333rem;
|
||||
width: 6.8133333333rem;
|
||||
z-index: -1;
|
||||
}
|
||||
.header .title span {
|
||||
font-weight: 500;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.header .img_top {
|
||||
text-align: center;
|
||||
margin-top: 0.3066666667rem;
|
||||
}
|
||||
.header .img_top img {
|
||||
width: 4.4rem;
|
||||
height: 1.0133333333rem;
|
||||
}
|
||||
.header .rewards_list {
|
||||
display: flex;
|
||||
gap: 0.2133333333rem;
|
||||
margin: 0.2933333333rem 0.2933333333rem 0;
|
||||
overflow-x: auto;
|
||||
/* 隐藏滚动条 */
|
||||
/* 对于 Firefox 浏览器 */
|
||||
scrollbar-width: none;
|
||||
/* 隐藏滚动条宽度 */
|
||||
-ms-overflow-style: none;
|
||||
/* IE 和 Edge 的滚动条隐藏 */
|
||||
}
|
||||
.header .rewards_list ::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.header .rewards_list .rewards_box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.header .rewards_list .rewards_box .reward_img {
|
||||
background-image: url("../images/rewards_bg.png");
|
||||
background-size: 100% 100%;
|
||||
width: 2.0266666667rem;
|
||||
height: 2.0266666667rem;
|
||||
padding: 0.1733333333rem;
|
||||
}
|
||||
.header .rewards_list .rewards_box .reward_img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.header .rewards_list .rewards_box .rewards_txt {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #130D00;
|
||||
line-height: 0.4266666667rem;
|
||||
margin-top: 0.16rem;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
max-width: 2.0266666667rem;
|
||||
}
|
||||
.header .bottom {
|
||||
background-image: url("../images/bottom_btn.png");
|
||||
background-size: 100% 100%;
|
||||
height: 1.3333333333rem;
|
||||
margin: 0.4rem 0.4666666667rem 0;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.5066666667rem;
|
||||
color: #130D00;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.arabic .header .title::after {
|
||||
left: 0;
|
||||
right: 1.6rem;
|
||||
}
|
141
view/moliparty/modules/firstRechargeBonus/css/index.scss
Normal file
@@ -0,0 +1,141 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
// padding: px2rem(26);
|
||||
}
|
||||
|
||||
.header {
|
||||
background-image: url("../images/header.png");
|
||||
background-size: 100% 100%;
|
||||
height: px2rem(806);
|
||||
width: 100%;
|
||||
padding-bottom: px2rem(35);
|
||||
.top_img{
|
||||
padding-top: px2rem(130);
|
||||
}
|
||||
.title {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(34);
|
||||
color: #130D00;
|
||||
line-height: px2rem(42);
|
||||
padding-top: px2rem(50);
|
||||
text-align: center;
|
||||
position: relative; // 添加相对定位
|
||||
z-index: 99;
|
||||
|
||||
// 下划线样式
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: px2rem(120);
|
||||
right: 0;
|
||||
bottom: px2rem(5); // 调整下划线与文本的距离
|
||||
height: px2rem(13); // 下划线高度(可以根据需要调整)
|
||||
background-color: #FFD162;
|
||||
; // 下划线颜色(可以根据需要调整)
|
||||
border-radius: px2rem(7);
|
||||
width: px2rem(511);
|
||||
z-index: -1;
|
||||
}
|
||||
span{
|
||||
font-weight: 500;
|
||||
font-size: px2rem(28);
|
||||
}
|
||||
}
|
||||
|
||||
.img_top {
|
||||
text-align: center;
|
||||
margin-top: px2rem(23);
|
||||
|
||||
img {
|
||||
width: px2rem(330);
|
||||
height: px2rem(76);
|
||||
}
|
||||
}
|
||||
|
||||
.rewards_list {
|
||||
display: flex;
|
||||
gap: px2rem(16);
|
||||
margin: px2rem(22) px2rem(22) 0;
|
||||
overflow-x: auto;
|
||||
|
||||
// overflow-y: hidden;
|
||||
/* 隐藏滚动条 */
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 对于 Firefox 浏览器 */
|
||||
scrollbar-width: none;
|
||||
/* 隐藏滚动条宽度 */
|
||||
-ms-overflow-style: none;
|
||||
|
||||
/* IE 和 Edge 的滚动条隐藏 */
|
||||
.rewards_box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.reward_img {
|
||||
background-image: url("../images/rewards_bg.png");
|
||||
background-size: 100% 100%;
|
||||
width: px2rem(152);
|
||||
height: px2rem(152);
|
||||
padding: px2rem(13);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.rewards_txt {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(28);
|
||||
color: #130D00;
|
||||
line-height: px2rem(32);
|
||||
margin-top: px2rem(12);
|
||||
text-align: center;
|
||||
// 允许文字自动换行
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
// 可选:设置最大宽度以限制换行范围
|
||||
max-width: px2rem(152);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
background-image: url("../images/bottom_btn.png");
|
||||
background-size: 100% 100%;
|
||||
height: px2rem(100);
|
||||
margin: px2rem(30) px2rem(35) 0;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(38);
|
||||
color: #130D00;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.arabic{
|
||||
.header{
|
||||
.title{
|
||||
&::after {
|
||||
left: 0;
|
||||
right: px2rem(120);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
BIN
view/moliparty/modules/firstRechargeBonus/images/bottom_btn.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/header.png
Normal file
After Width: | Height: | Size: 68 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/header_two.png
Normal file
After Width: | Height: | Size: 174 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/rewards_bg.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 17 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-ar.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-en.png
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-tr.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-zh.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_1.png
Normal file
After Width: | Height: | Size: 4.6 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_2.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_3.png
Normal file
After Width: | Height: | Size: 5.4 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_4.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-ar.png
Normal file
After Width: | Height: | Size: 8.1 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-en.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-tr.png
Normal file
After Width: | Height: | Size: 7.7 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-zh.png
Normal file
After Width: | Height: | Size: 6.1 KiB |
37
view/moliparty/modules/firstRechargeBonus/index.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||
<link rel="stylesheet" href="../../common/css/animate.css" />
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.1" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<img src="./images/top_img-en.png" alt="" class="top_img">
|
||||
<div class="title">1 USD = 7,000 Gold + 24,350 Gift</div>
|
||||
<div class="img_top">
|
||||
<img src="./images/top_1.png" alt="">
|
||||
</div>
|
||||
<div class="rewards_list"></div>
|
||||
<div class="bottom">1USD</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js?v=1.0"></script>
|
145
view/moliparty/modules/firstRechargeBonus/js/First_Bonus.js
Normal file
@@ -0,0 +1,145 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getData()
|
||||
}, 100)
|
||||
|
||||
})
|
||||
var expObj;
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.top_img').attr('src', langReplace(localLang.demoModule.top_img_two))
|
||||
$('.First_Bonus').text(langReplace(localLang.demoModule.First_Bonus));
|
||||
$('.First_Recharge_NowBonus').text(langReplace(localLang.demoModule.Recharge_Now));
|
||||
expObj = {
|
||||
"7000": {
|
||||
title_txt: langReplace(localLang.demoModule.title_txt_1),
|
||||
num: 1,
|
||||
img: './images/top_1.png'
|
||||
},
|
||||
70000: {
|
||||
title_txt: langReplace(localLang.demoModule.title_txt_2),
|
||||
num: 10,
|
||||
img: './images/top_2.png'
|
||||
},
|
||||
140000: {
|
||||
title_txt: langReplace(localLang.demoModule.title_txt_3),
|
||||
num: 20,
|
||||
img: './images/top_3.png'
|
||||
},
|
||||
350000: {
|
||||
title_txt: langReplace(localLang.demoModule.title_txt_4),
|
||||
num: 50,
|
||||
img: './images/top_4.png'
|
||||
},
|
||||
}
|
||||
}
|
||||
function getData() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "GET",
|
||||
url: urlPrefix + "/firstcharge/rewards",
|
||||
data: {
|
||||
pageType: 1,
|
||||
uid: pubInfo.uid,
|
||||
// uid: 3203,
|
||||
},
|
||||
success: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
if (res.code == 200) {
|
||||
let result = res.data.slice(0, -2).reverse();// 删除最后两个元素后倒序
|
||||
$('.rewards_list .reward_box').remove();
|
||||
let str = '';
|
||||
result.forEach(item => {
|
||||
let str_two =''
|
||||
item.rewards.forEach(itemTwo => {
|
||||
str_two += `
|
||||
|
||||
<div class="reward_item">
|
||||
<div class="reward_img">
|
||||
<img src="${itemTwo.pic}" alt="">
|
||||
</div>
|
||||
<div class="rewards_txt">${itemTwo.rewardName}*${itemTwo.awardNum}${itemTwo.unit ? itemTwo.unit : ''}</div>
|
||||
</div>
|
||||
|
||||
`
|
||||
});
|
||||
str += `
|
||||
<div class="reward_box">
|
||||
<div class="title">${langReplace(localLang.demoModule.First_Recharge(expObj[item.exp].num))}</div>
|
||||
<div class="title_txt">${expObj[item.exp].title_txt}</div>
|
||||
<div class="img_top">
|
||||
<img src="${expObj[item.exp].img}" alt="">
|
||||
</div>
|
||||
<div class="reward_content">${str_two}</div>
|
||||
</div>
|
||||
`
|
||||
});
|
||||
$('.rewards_list').append(str)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
})
|
||||
}
|
||||
$('.bottom').click(function () {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
// window.androidJsObj.openChargePage()
|
||||
tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
|
||||
} else if (browser.ios) {
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在app内打开')
|
||||
}
|
||||
})
|
||||
|
130
view/moliparty/modules/firstRechargeBonus/js/index.js
Normal file
@@ -0,0 +1,130 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getData()
|
||||
}, 100)
|
||||
|
||||
})
|
||||
var expObj;
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.top_img').attr('src',langReplace(localLang.demoModule.top_img),)
|
||||
expObj = {
|
||||
"7000": {
|
||||
title_txt: langReplace(localLang.demoModule.title_txt_1),
|
||||
num: 1,
|
||||
img: './images/top_1.png'
|
||||
},
|
||||
70000: {
|
||||
title_txt: langReplace(localLang.demoModule.title_txt_2),
|
||||
num: 10,
|
||||
img: './images/top_2.png'
|
||||
},
|
||||
140000: {
|
||||
title_txt: langReplace(localLang.demoModule.title_txt_3),
|
||||
num: 20,
|
||||
img: './images/top_3.png'
|
||||
},
|
||||
350000: {
|
||||
title_txt: langReplace(localLang.demoModule.title_txt_4),
|
||||
num: 50,
|
||||
img: './images/top_4.png'
|
||||
},
|
||||
}
|
||||
}
|
||||
function getData() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "GET",
|
||||
url: urlPrefix + "/firstcharge/rewards",
|
||||
data: {
|
||||
pageType: 0,
|
||||
uid: pubInfo.uid,
|
||||
// uid: 3203,
|
||||
},
|
||||
success: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
if (res.code == 200) {
|
||||
const exp = res.data[0].exp;
|
||||
$('.header .title').html(expObj[exp].title_txt);
|
||||
$('.header .img_top img').attr('src', expObj[exp].img_top)
|
||||
$('.header .bottom').text(expObj[exp].num + langReplace(localLang.demoModule.USD));
|
||||
let str = '';
|
||||
$('.header .rewards_list .reward_box').remove();
|
||||
res.data[0].rewards.forEach(item => {
|
||||
str += `
|
||||
<div class="rewards_box">
|
||||
<div class="reward_img">
|
||||
<img src="${item.pic}" alt="">
|
||||
</div>
|
||||
<div class="rewards_txt">${item.rewardName}*${item.awardNum}${item.unit ? item.unit : ''}</div>
|
||||
</div>
|
||||
`
|
||||
});
|
||||
$('.rewards_list').append(str)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
})
|
||||
}
|
||||
$('.header .bottom').click(function () {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
// window.androidJsObj.openChargePage()
|
||||
tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
|
||||
} else if (browser.ios) {
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在app内打开')
|
||||
}
|
||||
})
|
20
view/moliparty/modules/firstRechargeBonus/local/ar.js
Normal file
@@ -0,0 +1,20 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
title_txt_1:'1 <span> دولار</span> = 7,000<span>ذهب</span> + 24,350 <span>هدية</span>',
|
||||
title_txt_2:'10 <span> دولار</span> = 44,200<span>ذهب</span> + 70,000 <span>هدية</span>',
|
||||
title_txt_3:'20 <span> دولار</span> = 65,800<span>ذهب</span> + 140,000 <span>هدية</span>',
|
||||
title_txt_4:'50 <span> دولار</span> = 125,250<span>ذهب</span> + 350,000 <span>هدية</span>',
|
||||
USD:' دولار',
|
||||
top_img:'./images/top_img-ar.png',
|
||||
First_Bonus:'مكافأة الشحن الأولى',
|
||||
top_img_two:'./images/tit-ar.png',
|
||||
First_Recharge:function(num){
|
||||
return `الشحن الأول ${num} دولار`
|
||||
},
|
||||
Recharge_Now:'اشحن الآن',
|
||||
|
||||
}
|
||||
|
||||
}
|
17
view/moliparty/modules/firstRechargeBonus/local/en.js
Normal file
@@ -0,0 +1,17 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
title_txt_1:'1 <span>USD</span> = 7,000 <span>Gold</span> + 24,350 <span>Gift</span>',
|
||||
title_txt_2:'10 <span>USD</span> = 70,000 <span>Gold</span> + 44,200 <span>Gift</span>',
|
||||
title_txt_3:'20 <span>USD</span> = 140,000 <span>Gold</span> + 65,800 <span>Gift</span>',
|
||||
title_txt_4:'50 <span>USD</span> = 350,000 <span>Gold</span> + 125,250 <span>Gift</span>',
|
||||
USD:'USD',
|
||||
top_img:'./images/top_img-en.png',
|
||||
First_Bonus:'First Recharge Bonus',
|
||||
top_img_two:'./images/tit-en.png',
|
||||
First_Recharge:function(num){
|
||||
return `First Recharge ${num} USD`
|
||||
},
|
||||
Recharge_Now:'Recharge Now',
|
||||
|
||||
},
|
||||
}
|
18
view/moliparty/modules/firstRechargeBonus/local/tr.js
Normal file
@@ -0,0 +1,18 @@
|
||||
langTr = {
|
||||
demoModule: {
|
||||
title_txt_1:'1 <span>USD</span> = 7,000 <span>Altın</span> + 24,350 <span>Hediye</span>',
|
||||
title_txt_2:'10 <span>USD</span> = 70,000 <span>Altın</span> + 44,200 <span>Hediye</span>',
|
||||
title_txt_3:'20 <span>USD</span> = 140,000 <span>Altın</span> + 65,800 <span>Hediye</span>',
|
||||
title_txt_4:'50 <span>USD</span> = 350,000 <span>Altın</span> + 125,250 <span>Hediye</span>',
|
||||
USD:'USD',
|
||||
top_img:'./images/top_img-tr.png',
|
||||
First_Bonus:'İlk Şarj Bonusu',
|
||||
top_img_two:'./images/tit-tr.png',
|
||||
First_Recharge:function(num){
|
||||
return `İlk Şarj ${num} USD`
|
||||
},
|
||||
Recharge_Now:'Hemen Şarj Et',
|
||||
|
||||
}
|
||||
|
||||
}
|
19
view/moliparty/modules/firstRechargeBonus/local/zh.js
Normal file
@@ -0,0 +1,19 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
title_txt_1:'1 <span>USD</span> = 7,000 <span>金幣</span> + 24,350 <span>贈禮</span>',
|
||||
title_txt_2:'10 <span>USD</span> = 70,000 <span>金幣</span> + 44,200 <span>贈禮</span>',
|
||||
title_txt_3:'20 <span>USD</span> = 140,000 <span>金幣</span> + 65,800 <span>贈禮</span>',
|
||||
title_txt_4:'50 <span>USD</span> = 350,000 <span>金幣</span> + 125,250 <span>贈禮</span>',
|
||||
USD:'USD',
|
||||
top_img:'./images/top_img-zh.png',
|
||||
First_Bonus:'首充好禮',
|
||||
top_img_two:'./images/tit-zh.png',
|
||||
First_Recharge:function(num){
|
||||
return `首充 ${num} USD`
|
||||
},
|
||||
Recharge_Now:'立即儲值',
|
||||
}
|
||||
|
||||
}
|