首充弹窗和页面install
This commit is contained in:
chenruiye
49
view/moliparty/modules/firstRechargeBonus/First_Bonus.html
Normal file
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>
|
||||||
Binary file not shown.
Binary file not shown.
109
view/moliparty/modules/firstRechargeBonus/css/First_Bonus.css
Normal file
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
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
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
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
BIN
view/moliparty/modules/firstRechargeBonus/images/bottom_btn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/header.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/header_two.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/header_two.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/rewards_bg.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/rewards_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-ar.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-en.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-en.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-tr.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-zh.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/tit-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_1.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/top_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_2.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/top_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_3.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/top_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_4.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/top_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-ar.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-en.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-en.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-tr.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-zh.png
Normal file
BIN
view/moliparty/modules/firstRechargeBonus/images/top_img-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
37
view/moliparty/modules/firstRechargeBonus/index.html
Normal file
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
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
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
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
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
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
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:'立即儲值',
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user