Compare commits
82 Commits
customized
...
rechargeNe
| Author | SHA1 | Date | |
|---|---|---|---|
|
1c664c8088 | ||
|
|
a39a8401a5 | ||
|
|
13d6887103 | ||
|
|
ac87d8d60a | ||
|
|
1889382b6f | ||
|
|
d2de1aeec5 | ||
|
|
4fb948ef7a | ||
|
|
b2cb2f4d61 | ||
|
|
eaf629bf44 | ||
|
|
720f7b180a | ||
|
|
9d57da5a82 | ||
|
|
62c05b58d6 | ||
|
|
1ac799527d | ||
|
|
1494612f03 | ||
|
|
37f2443855 | ||
|
|
575f8f0704 | ||
|
|
f455500f57 | ||
|
|
c9f1a9911e | ||
|
|
c30c9bb530 | ||
|
|
8e4cdc8803 | ||
|
|
a2c441bdf7 | ||
|
|
fd536b896f | ||
|
|
5814ef256f | ||
|
|
fde81be1a1 | ||
|
|
c7ed1163b2 | ||
|
|
3d844db9b2 | ||
|
|
877954e4e1 | ||
|
|
c67ba0c3cf | ||
|
|
c738fcafcf | ||
|
|
9f035177c3 | ||
|
|
cd0ac13094 | ||
|
|
20b49801fb | ||
|
|
e352ab6148 | ||
|
|
7dea58ac20 | ||
|
|
aae420c9b0 | ||
|
|
01a825a7a6 | ||
|
|
d5c4817631 | ||
|
|
b71fe59bff | ||
|
|
b28b7ab10a | ||
|
|
8ef1846120 | ||
|
|
6a43cba795 | ||
|
|
021fc59fac | ||
|
|
e3c269c064 | ||
|
|
345b07f045 | ||
|
|
5a1217c271 | ||
|
|
870e7e332e | ||
|
|
81d563e58c | ||
|
|
7601fa3f9d | ||
|
|
6d0cbfde3a | ||
|
|
09b84a8618 | ||
|
|
8b20293ac3 | ||
|
|
85c81b60c4 | ||
|
|
bd8de2f14f | ||
|
|
642a6a67cc | ||
|
|
b9c37104be | ||
|
|
b85d1a6838 | ||
|
|
5eef1fe919 | ||
|
|
2e0da65437 | ||
|
|
1122a322fa | ||
|
|
f833af56e2 | ||
|
|
51eb0e016a | ||
|
|
3d58b7fe5e | ||
|
|
ccf6290017 | ||
|
|
0fb3eb9550 | ||
|
|
4bee20a482 | ||
|
|
7227fc9465 | ||
|
|
4abf36429b | ||
|
|
59265ac0a3 | ||
|
|
20e8b58ec8 | ||
|
|
52be806311 | ||
|
|
96eb7648e1 | ||
|
|
471fb2e606 | ||
|
|
0c44fd7e95 | ||
|
|
505c6d4bd1 | ||
|
|
ad37da5a4a | ||
|
|
197cdeadb5 | ||
|
|
ba78c6ddc6 | ||
|
|
97c4dd7f56 | ||
|
|
be384050a4 | ||
|
|
163f49ad8b | ||
|
|
b32b5e7b90 | ||
|
|
29cd75811f |
@@ -32,7 +32,7 @@ body {
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 10.02667rem;
|
||||
height: 10.01333rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
@@ -43,9 +43,9 @@ body {
|
||||
position: absolute;
|
||||
left: 52%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.64rem;
|
||||
height: 1.30667rem;
|
||||
width: 6.48rem;
|
||||
top: 3.76rem;
|
||||
height: 1.70667rem;
|
||||
width: 7.38667rem;
|
||||
}
|
||||
|
||||
.header .rule_rule {
|
||||
@@ -55,7 +55,7 @@ body {
|
||||
font-size: 0.34667rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
top: 8.92rem;
|
||||
right: 0rem;
|
||||
color: #703900;
|
||||
box-sizing: border-box;
|
||||
@@ -114,7 +114,7 @@ body {
|
||||
height: 4.98667rem;
|
||||
background: url(../images/myInfo.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 1.12rem auto 0.26667rem;
|
||||
margin: 0.66667rem auto 0rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -159,6 +159,7 @@ body {
|
||||
font-weight: 400;
|
||||
background: url(../images/myInfoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bg .myInfo .skip img {
|
||||
@@ -170,7 +171,8 @@ body {
|
||||
|
||||
.bg .myInfo .copy {
|
||||
position: absolute;
|
||||
right: 0.66667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0.66667rem;
|
||||
width: 3.92rem;
|
||||
height: 0.90667rem;
|
||||
@@ -194,7 +196,7 @@ body {
|
||||
width: 9.36rem;
|
||||
height: 1.01333rem;
|
||||
position: relative;
|
||||
margin: 0 auto 0.26667rem;
|
||||
margin: 0.7rem auto 0.26667rem;
|
||||
background: url(../images/myIncomeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
@@ -227,6 +229,19 @@ body {
|
||||
font-size: 0.48rem;
|
||||
}
|
||||
|
||||
.bg .myIncome .text {
|
||||
width: 2.4rem;
|
||||
height: 0.65rem;
|
||||
line-height: 0.65rem;
|
||||
position: absolute;
|
||||
left: 2.9rem;
|
||||
top: 0.2rem;
|
||||
text-align: center;
|
||||
color: #312200;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.bg .ul_pub {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
@@ -359,6 +374,7 @@ body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bg .ul_pub .incomeBox .sTab div {
|
||||
@@ -387,13 +403,14 @@ body {
|
||||
.bg .ul_pub .incomeBox .tableTitle {
|
||||
width: 8.8rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 0;
|
||||
position: absolute;
|
||||
top: 6.15rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bg .ul_pub .incomeBox .tableTitle div {
|
||||
@@ -408,8 +425,8 @@ body {
|
||||
|
||||
.bg .ul_pub .incomeBox ul {
|
||||
width: 8.8rem;
|
||||
height: 6rem;
|
||||
margin: 0 auto 0;
|
||||
height: 5.5rem;
|
||||
margin: 0.8rem auto 0;
|
||||
overflow-y: scroll;
|
||||
position: relative;
|
||||
}
|
||||
@@ -444,11 +461,7 @@ body {
|
||||
height: 0.66667rem;
|
||||
margin-bottom: 0.24rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.bg .ul_pub .incomeBox ul li:nth-child(1) {
|
||||
margin-top: 0.66667rem;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.bg .ul_pub .incomeBox ul li div {
|
||||
@@ -482,7 +495,7 @@ body {
|
||||
|
||||
.bg .rule {
|
||||
width: 9.74667rem;
|
||||
height: 23.74667rem;
|
||||
height: 18.8rem;
|
||||
margin: 0 auto 1.33333rem;
|
||||
position: relative;
|
||||
background: url(../images/ruleBoxBg.png) no-repeat;
|
||||
@@ -704,7 +717,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 14.56rem;
|
||||
top: 9.56rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -725,7 +738,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 15.6rem;
|
||||
top: 10.6rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -746,7 +759,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 16.4rem;
|
||||
top: 11.4rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -767,7 +780,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 17.15rem;
|
||||
top: 12.15rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -788,7 +801,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 19.8rem;
|
||||
top: 14.8rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -809,7 +822,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 20.8rem;
|
||||
top: 15.8rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -830,7 +843,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 21.7rem;
|
||||
top: 16.7rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -1042,3 +1055,11 @@ body {
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.Turkiye .bg .ul_pub .incomeBox .sTab div {
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
|
||||
.Turkiye .bg .ul_pub .incomeBox .tableTitle div {
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
|
||||
@@ -38,7 +38,7 @@ body {
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(752);
|
||||
height: px2rem(751);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
@@ -48,9 +48,9 @@ body {
|
||||
position: absolute;
|
||||
left: 52%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(273);
|
||||
height: px2rem(98);
|
||||
width: px2rem(486);
|
||||
top: px2rem(282);
|
||||
height: px2rem(128);
|
||||
width: px2rem(554);
|
||||
}
|
||||
|
||||
.rule_rule {
|
||||
@@ -60,7 +60,7 @@ body {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
top: 8.92rem;
|
||||
right: 0rem;
|
||||
color: #703900;
|
||||
box-sizing: border-box;
|
||||
@@ -124,7 +124,7 @@ body {
|
||||
height: px2rem(374);
|
||||
background: url(../images/myInfo.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(84) auto px2rem(20);
|
||||
margin: px2rem(50) auto px2rem(0);
|
||||
position: relative;
|
||||
|
||||
.tx {
|
||||
@@ -168,6 +168,7 @@ body {
|
||||
font-weight: 400;
|
||||
background: url(../images/myInfoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: none;
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
@@ -179,7 +180,8 @@ body {
|
||||
|
||||
.copy {
|
||||
position: absolute;
|
||||
right: px2rem(50);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(50);
|
||||
width: px2rem(294);
|
||||
height: px2rem(68);
|
||||
@@ -204,7 +206,7 @@ body {
|
||||
width: px2rem(702);
|
||||
height: px2rem(76);
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(20);
|
||||
margin: 0.7rem auto px2rem(20);
|
||||
background: url(../images/myIncomeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
@@ -235,6 +237,19 @@ body {
|
||||
color: #0C0538;
|
||||
font-size: px2rem(36);
|
||||
}
|
||||
|
||||
.text {
|
||||
width: 2.4rem;
|
||||
height: 0.65rem;
|
||||
line-height: 0.65rem;
|
||||
position: absolute;
|
||||
left: 2.9rem;
|
||||
top: 0.2rem;
|
||||
text-align: center;
|
||||
color: #312200;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.ul_pub {
|
||||
@@ -375,6 +390,7 @@ body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto px2rem(0);
|
||||
white-space: nowrap;
|
||||
|
||||
div {
|
||||
width: 50%;
|
||||
@@ -403,13 +419,14 @@ body {
|
||||
.tableTitle {
|
||||
width: px2rem(660);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 0;
|
||||
position: absolute;
|
||||
top: 6.15rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
white-space: nowrap;
|
||||
// background: #fff;
|
||||
|
||||
div {
|
||||
@@ -425,8 +442,8 @@ body {
|
||||
|
||||
ul {
|
||||
width: px2rem(660);
|
||||
height: 6rem;
|
||||
margin: 0 auto 0;
|
||||
height: 5.5rem;
|
||||
margin: 0.8rem auto 0;
|
||||
overflow-y: scroll;
|
||||
position: relative;
|
||||
|
||||
@@ -460,10 +477,10 @@ body {
|
||||
height: px2rem(50);
|
||||
margin-bottom: px2rem(18);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: space-around;
|
||||
|
||||
&:nth-child(1) {
|
||||
margin-top: px2rem(50);
|
||||
// margin-top: px2rem(50);
|
||||
}
|
||||
|
||||
div {
|
||||
@@ -502,7 +519,7 @@ body {
|
||||
|
||||
.rule {
|
||||
width: px2rem(731);
|
||||
height: px2rem(1781);
|
||||
height: px2rem(1410);
|
||||
// border-radius: px2rem(20);
|
||||
// border: px2rem(4) solid #FE7835;
|
||||
margin: 0 auto px2rem(100);
|
||||
@@ -727,7 +744,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 14.56rem;
|
||||
top: 9.56rem;
|
||||
z-index: 2;
|
||||
|
||||
div {
|
||||
@@ -748,7 +765,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 15.6rem;
|
||||
top: 10.6rem;
|
||||
z-index: 2;
|
||||
|
||||
div {
|
||||
@@ -769,7 +786,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 16.4rem;
|
||||
top: 11.4rem;
|
||||
z-index: 2;
|
||||
|
||||
div {
|
||||
@@ -790,7 +807,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 17.15rem;
|
||||
top: 12.15rem;
|
||||
z-index: 2;
|
||||
|
||||
div {
|
||||
@@ -811,7 +828,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 19.8rem;
|
||||
top: 14.8rem;
|
||||
z-index: 2;
|
||||
|
||||
div {
|
||||
@@ -832,7 +849,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 20.8rem;
|
||||
top: 15.8rem;
|
||||
z-index: 2;
|
||||
|
||||
div {
|
||||
@@ -853,7 +870,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 21.7rem;
|
||||
top: 16.7rem;
|
||||
z-index: 2;
|
||||
|
||||
div {
|
||||
@@ -1040,30 +1057,47 @@ body {
|
||||
color: #89421A;
|
||||
}
|
||||
}
|
||||
.arabic{
|
||||
.bg .ul_pub .incomeBox .sTab div{
|
||||
|
||||
.arabic {
|
||||
.bg .ul_pub .incomeBox .sTab div {
|
||||
font-size: px2rem(18);
|
||||
}
|
||||
.header .rule_rule{
|
||||
|
||||
.header .rule_rule {
|
||||
font-size: px2rem(20);
|
||||
text-indent: -10px;
|
||||
}
|
||||
.bg .rule .rule2 .table2_2{
|
||||
|
||||
.bg .rule .rule2 .table2_2 {
|
||||
width: 9rem;
|
||||
}
|
||||
.bg .rule .rule2 .table1_3_div{
|
||||
|
||||
.bg .rule .rule2 .table1_3_div {
|
||||
font-size: px2rem(10);
|
||||
}
|
||||
}
|
||||
.toatstsEnd{
|
||||
|
||||
.toatstsEnd {
|
||||
padding: px2rem(20) px2rem(30);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
background: rgba(0,0,0,.8);
|
||||
background: rgba(0, 0, 0, .8);
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.Turkiye {
|
||||
.bg .ul_pub .incomeBox .sTab div {
|
||||
font-size: px2rem(18);
|
||||
}
|
||||
|
||||
.bg .ul_pub .incomeBox .tableTitle {
|
||||
div {
|
||||
font-size: px2rem(18);
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 MiB After Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 142 KiB After Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 610 KiB After Width: | Height: | Size: 503 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 666 KiB After Width: | Height: | Size: 522 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 512 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 673 KiB After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 461 KiB After Width: | Height: | Size: 146 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 506 KiB After Width: | Height: | Size: 166 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 499 KiB After Width: | Height: | Size: 144 KiB |
@@ -18,19 +18,19 @@
|
||||
</div>
|
||||
<!-- 頭部 -->
|
||||
<div class="header">
|
||||
<img id="img1" src="./images/header_h3.png" alt="" class="h3">
|
||||
<img id="img1" src="./images/header_h3-tr.png" alt="" class="h3">
|
||||
<div class="rule_rule text67"></div>
|
||||
<div id="text1" class="text"></div>
|
||||
<!-- <div id="text1" class="text"></div> -->
|
||||
<!-- <img src="./images/gold.png" alt=""> -->
|
||||
</div>
|
||||
<!-- 容器 -->
|
||||
<div class="bg">
|
||||
<!-- 自己信息 -->
|
||||
<div class="myInfo">
|
||||
<div class="myInfo" >
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p id="text2"></p>
|
||||
<b class="invitationCode"></b>
|
||||
<div class="skip img5" >
|
||||
<div class="skip img5">
|
||||
<!-- <img src="./images/skip.png" alt=""> <b id="text3"></b> -->
|
||||
</div>
|
||||
<div class="copy img6" id="copy">
|
||||
@@ -42,6 +42,7 @@
|
||||
<img src="./images/gold.png" alt="">
|
||||
<p id="text5"></p>
|
||||
<b>0</b>
|
||||
<div class="text myIncomeText"></div>
|
||||
</div>
|
||||
<!-- 收益tab -->
|
||||
|
||||
@@ -179,14 +180,14 @@
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="wishingStar" id="text28"></b></a>
|
||||
<div class="wishingStar" style="display: none;" id="text28"></b></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 展開分享 -->
|
||||
<div class="openShare" id="text31"></div>
|
||||
<!-- 保存二維碼 -->
|
||||
<div class="code">
|
||||
<div class="code" style="display: none;">
|
||||
<div class="rule_icon"></div>
|
||||
<div class="p1" id="text32"></div>
|
||||
<div class="p2" id="text33"></div>
|
||||
@@ -227,5 +228,6 @@
|
||||
<script src="./local/en.js?v=1.1"></script>
|
||||
<script src="./local/zh.js?v=1.1"></script>
|
||||
<script src="./local/ar.js?v=1.2"></script>
|
||||
<script src="./local/tr.js?v=1.2"></script>
|
||||
<script src="./js/index.js?v=1.4"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -113,8 +113,9 @@ function translateFun() {
|
||||
$('#text32').html(langReplace(localLang.demoModule.text32));
|
||||
$('#text33').html(langReplace(localLang.demoModule.text33));
|
||||
$('#text34').html(langReplace(localLang.demoModule.text34));
|
||||
$('#text66').html(langReplace(localLang.demoModule.text66));
|
||||
// $('#text66').html(langReplace(localLang.demoModule.text66));
|
||||
$('.text67').text(langReplace(localLang.demoModule.text67));
|
||||
$('.bg .myIncome .text').text(langReplace(localLang.demoModule.myIncomeText));
|
||||
$('#img1').attr('src', langReplace(localLang.demoModule.img1))
|
||||
$('#img2').attr('src', langReplace(localLang.demoModule.img2))
|
||||
$('#img3').attr('src', langReplace(localLang.demoModule.img3))
|
||||
@@ -168,6 +169,30 @@ function getConfig() {
|
||||
}
|
||||
})
|
||||
}
|
||||
// 领取接口
|
||||
function inviteReceive() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/user/invite/receive',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
getMySelf();
|
||||
toastMsg(langReplace(localLang.demoModule.claimed));
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.share.text8))
|
||||
}
|
||||
})
|
||||
}
|
||||
$('.bg .myIncome .text').click(function(){
|
||||
inviteReceive();
|
||||
})
|
||||
// 獲取收益接口
|
||||
function getMySelf() {
|
||||
showLoading()
|
||||
@@ -327,8 +352,8 @@ function profitPage() {
|
||||
str += `
|
||||
<li>
|
||||
<div class="act">
|
||||
<p>${dateFormat(res.createTime, 'yyyy-MM-dd')}</p>
|
||||
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
|
||||
<p>${res.inviteTimeYMD}</p>
|
||||
<b>${res.inviteTimeHMS}</b>
|
||||
</div>
|
||||
<div>+${res.rewardNum} <img src="./images/${res.rewardType == 1 ? 'diamond' : 'magicStick'}.png" alt=""></div>
|
||||
<div>${res.type == 1 && res.rewardType == 1 ? langReplace(localLang.demoModule.text52) : res.type == 3 && res.rewardType == 1 ? langReplace(localLang.demoModule.text53) : res.type == 3 && res.rewardType == 2 ? langReplace(localLang.demoModule.text54) : langReplace(localLang.demoModule.text55)}</div>
|
||||
@@ -344,14 +369,14 @@ function profitPage() {
|
||||
str += `
|
||||
<li>
|
||||
<div class="act">
|
||||
<p>${dateFormat(res.createTime, 'yyyy-MM-dd')}</p>
|
||||
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
|
||||
<p>${res.inviteTimeYMD}</p>
|
||||
<b>${res.inviteTimeHMS}</b>
|
||||
</div>
|
||||
<div>+${res.rewardNum} <img src="./images/${res.rewardType == 1 ? 'diamond' : 'magicStick'}.png" alt=""></div>
|
||||
<div>${res.type == 1 && res.rewardType == 1 ? langReplace(localLang.demoModule.text52) : res.type == 3 && res.rewardType == 1 ? langReplace(localLang.demoModule.text53) : res.type == 3 && res.rewardType == 2 ? langReplace(localLang.demoModule.text54) : langReplace(localLang.demoModule.text55)}</div>
|
||||
<div class="act">
|
||||
<p>${res.inviteNick}</p>
|
||||
<b>ID:${res.inviteErBanNo}</b>
|
||||
<p>${res.inviteNick[0]+'*****'}</p>
|
||||
<b>ID:******</b>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
@@ -385,10 +410,10 @@ function userPage() {
|
||||
var str = '';
|
||||
if (text == langReplace(localLang.demoModule.text39) && typeStr == "1") {
|
||||
$('.bg .incomeBox .tableTitle div').remove();
|
||||
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text56)}</div><div>${langReplace(localLang.demoModule.text57)}</div><div>${langReplace(localLang.demoModule.text58)}</div>`);
|
||||
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text56)}</div><div>${langReplace(localLang.demoModule.text57)}</div>`);
|
||||
} else if (text == langReplace(localLang.demoModule.text40) && typeStr == "2") {
|
||||
$('.bg .incomeBox .tableTitle div').remove();
|
||||
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text59)}</div><div>${langReplace(localLang.demoModule.text60)}</div><div style="font-size: 0.24rem;">${langReplace(localLang.demoModule.text61)}</div><div>${langReplace(localLang.demoModule.text62)}</div>`);
|
||||
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text59)}</div><div>${langReplace(localLang.demoModule.text60)}</div><div style="font-size: 0.24rem;">${langReplace(localLang.demoModule.text61)}</div>`);
|
||||
}
|
||||
if (res.data.records.length == 0) {
|
||||
if (page == 1) {
|
||||
@@ -407,14 +432,15 @@ function userPage() {
|
||||
str += `
|
||||
<li>
|
||||
<div class="act">
|
||||
<p>${dateFormat(res.createTime, 'yyyy-MM-dd')}</p>
|
||||
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
|
||||
<p>${res.inviteTimeYMD}</p>
|
||||
<b>${res.inviteTimeHMS}</b>
|
||||
</div>
|
||||
<div class="act">
|
||||
<p>${res.inviteNick}</p>
|
||||
<b>ID:${res.inviteErBanNo}</b>
|
||||
</div>
|
||||
<div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div>
|
||||
<!-- <div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div> -->
|
||||
|
||||
</li>
|
||||
`
|
||||
});
|
||||
@@ -423,18 +449,18 @@ function userPage() {
|
||||
str += `
|
||||
<li>
|
||||
<div class="act">
|
||||
<p>${dateFormat(res.createTime, 'yyyy-MM-dd')}</p>
|
||||
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
|
||||
<p>${res.inviteTimeYMD}</p>
|
||||
<b>${res.inviteTimeHMS}</b>
|
||||
</div>
|
||||
<div class="act">
|
||||
<p>${res.inviteNick}</p>
|
||||
<b>ID:${res.inviteErBanNo}</b>
|
||||
</div>
|
||||
<div class="act">
|
||||
<p>${res.indirectNick}</p>
|
||||
<b>ID:${res.indirectErBanNo}</b>
|
||||
<p>${typeStr == "2" ? res.indirectNick[0] + '*****' : res.indirectNick}</p>
|
||||
<b>ID:******</b>
|
||||
</div>
|
||||
<div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div>
|
||||
<!-- <div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div> -->
|
||||
</li>
|
||||
`
|
||||
});
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
endTimes:'انتهاء الفعالية',
|
||||
endTimes: 'انتهاء الفعالية',
|
||||
img1: `./images/header_h3-ar.png`,
|
||||
img2: `./images/rule_rule-ar.png`,
|
||||
img3: `./images/rule1_in-ar.png`,
|
||||
@@ -83,39 +83,42 @@ langAr = {
|
||||
text61: `المستخدم غير مباشر`,
|
||||
text62: `شحن في 30 يومًا`,
|
||||
text66: `<div class="table1_1">
|
||||
<div style="line-height: 0.4rem;">مبلغ الشحن<br>(خلال 30 يومًا، الوحدة: العملات)</div>
|
||||
<div>الأرباح</div>
|
||||
</div>
|
||||
<div class="table1_2">
|
||||
<div>الشحن <10000</div>
|
||||
<div style="line-height: 0.4rem;">سيحصل المدعو المباشر علي ٢ عصا سحرية,وستحصل أنت علي ١ عصا سحرية</div>
|
||||
</div>
|
||||
<div class="table1_3">
|
||||
<div>10000 ≤ الشحن <50000</div>
|
||||
<div class="table1_3_div" style="line-height: 0.4rem;">في كل مرة سيشحن المدعو المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة 30 عملة أي(3٪)</div>
|
||||
</div>
|
||||
<div class="table1_4">
|
||||
<div>الشحن ≥50000 </div>
|
||||
<div style="line-height: 0.4rem;">عن كل 1000 شحن من قبل المستخدم المدعو مباشرة، أنت +50 (5.00%)</div>
|
||||
</div>
|
||||
<div class="table2_1">
|
||||
<div style="line-height: 0.4rem;">مبلغ الشحن<br>(خلال 30 يومًا، الوحدة: العملات)</div>
|
||||
<div>الأرباح</div>
|
||||
</div>
|
||||
<div class="table2_2">
|
||||
<div>10000 ≤ الشحن <50000</div>
|
||||
<div style="line-height: 0.4rem;" class="table1_3_div">في كل مرة سيشحن المدعو الغير المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة ١٠ عملات ذهبية أي(١٪)</div>
|
||||
</div>
|
||||
<div class="table2_3">
|
||||
<div>الشحن ≥50000</div>
|
||||
<div style="line-height: 0.34rem;" class="table1_3_div">في كل مرة سيشحن المدعو الغير المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة ٢٠ عملة ذهبية أي(٢٪)</div>
|
||||
</div>`,
|
||||
<div style="line-height: 0.4rem;font-size: 0.2rem;">مقدار الإيداع الفردي<br> (الوقت: خلال 30 يومًا، الوحدة: العملات الذهبية)</div>
|
||||
<div>الأرباح المكتسبة</div>
|
||||
</div>
|
||||
<div class="table1_2">
|
||||
<div>إيداع < 70000 عملة ذهبية</div>
|
||||
<div style="line-height: 0.4rem;font-size: 0.2rem;">عند قيام الشخص المدعو مباشرةً بالإيداع، ستحصل على مكافأة بنسبة 1% من مبلغ الإيداع;</div>
|
||||
</div>
|
||||
<div class="table1_3">
|
||||
<div style="line-height: 0.4rem;">70000 عملة ذهبية ≤ إيداع < 700000 عملة ذهبية</div>
|
||||
<div style="line-height: 0.4rem;font-size: 0.15rem;">عند قيام الشخص المدعو مباشرةً بالإيداع أكثر من 70000 عملة ذهبية، ستحصل على مكافأة بنسبة 2% من مبلغ الإيداع;</div>
|
||||
</div>
|
||||
<div class="table1_4">
|
||||
<div>إيداع ≥ 700000 عملة ذهبية</div>
|
||||
<div style="line-height: 0.4rem;font-size: 0.15rem;">عند قيام الشخص المدعو مباشرةً بالإيداع أكثر من 700000 عملة ذهبية، ستحصل على مكافأة بنسبة 4% من مبلغ الإيداع;</div>
|
||||
</div>
|
||||
<div class="table2_1">
|
||||
<div style="line-height: 0.4rem;font-size: 0.2rem;">مقدار الإيداع الفردي<br> (الوقت: خلال 30 يومًا، الوحدة: العملات الذهبية)</div>
|
||||
<div>الأرباح المكتسبة</div>
|
||||
</div>
|
||||
<div class="table2_2">
|
||||
<div style="line-height: 0.4rem;">70000 عملة ذهبية ≤ إيداع < 700000 عملة ذهبية</div>
|
||||
<div style="line-height: 0.4rem;font-size: 0.15rem;">عند قيام الشخص المدعو غير مباشر بالإيداع أكثر من 70000 عملة ذهبية، ستحصل على مكافأة بنسبة 0.5% من مبلغ الإيداع;</div>
|
||||
</div>
|
||||
<div class="table2_3">
|
||||
<div>إيداع ≥ 700000 عملة ذهبية</div>
|
||||
<div style="line-height: 0.34rem;font-size: 0.15rem;">عند قيام الشخص المدعو غير مباشر بالإيداع أكثر من 700000 عملة ذهبية، ستحصل على مكافأة بنسبة 1% من مبلغ الإيداع;</div>
|
||||
</div>
|
||||
`,
|
||||
|
||||
text67: `تفاصيل الأرباح`,
|
||||
img5: `background: url(./images/myInfoBut-ar.png) no-repeat;background-size: 100% 100%;`,
|
||||
img6: `background: url(./images/myInfoBut2-ar.png) no-repeat;background-size: 100% 100%;`,
|
||||
img7: `background: url(./images/ruleBoxBg-ar.png) no-repeat;background-size: 100% 100%;`,
|
||||
img8: `./images/rule_inNew-ar.png`,
|
||||
myIncomeText: `الحصول`,
|
||||
claimed:'تم الاستلام بنجاح',
|
||||
},
|
||||
share: {
|
||||
img1: `background: url(./images/share/header-ar.png) no-repeat;background-size: 100% 100%;`,
|
||||
|
||||
@@ -83,38 +83,41 @@ langEn = {
|
||||
text61: `Indirect Invitee`,
|
||||
text62: `30-Day Top-Up`,
|
||||
text66: `<div class="table1_1">
|
||||
<div style="line-height: 0.4rem;">Top-Up Amount<br>(Within 30 Days, Unit: Coins)</div>
|
||||
<div>Earnings</div>
|
||||
</div>
|
||||
<div class="table1_2">
|
||||
<div>Top-Up <10000</div>
|
||||
<div style="line-height: 0.4rem;">Directly Invited User +2 Magic Wands, You +1 Magic Wand</div>
|
||||
</div>
|
||||
<div class="table1_3">
|
||||
<div>10000≤ Top-Up <50000</div>
|
||||
<div style="line-height: 0.4rem;">For every 1000 top-up by Directly Invited User, You +30 (3.00%)</div>
|
||||
</div>
|
||||
<div class="table1_4">
|
||||
<div>Top-Up ≥50000 </div>
|
||||
<div style="line-height: 0.4rem;">For every 1000 top-up by Directly Invited User, You +50 (5.00%)</div>
|
||||
</div>
|
||||
<div class="table2_1">
|
||||
<div style="line-height: 0.4rem;">Top-Up Amount<br>(Within 30 Days, Unit: Coins)</div>
|
||||
<div>Earnings</div>
|
||||
</div>
|
||||
<div class="table2_2">
|
||||
<div>10000≤ Top-Up <50000</div>
|
||||
<div style="line-height: 0.4rem;">For every 1000 top-up by Indirectly Invited User, You +10 (1.00%)</div>
|
||||
</div>
|
||||
<div class="table2_3">
|
||||
<div>Top-Up ≥50000</div>
|
||||
<div style="line-height: 0.34rem;">For every 1000 top-up by Indirectly Invited User, You +20 (2.00%)</div>
|
||||
</div>`,
|
||||
<div style="line-height: 0.4rem;">Single Deposit Amount<br> (Time: Within 30 days, Unit: Gold Coins)</div>
|
||||
<div>Earnings</div>
|
||||
</div>
|
||||
<div class="table1_2">
|
||||
<div>Deposit < 70000 Gold Coins</div>
|
||||
<div style="line-height: 0.4rem;font-size: 0.15rem;">For each deposit made by the directly invited person, you earn 1% of the deposited amount as reward;</div>
|
||||
</div>
|
||||
<div class="table1_3">
|
||||
<div>70000 Gold Coins ≤ Deposit < 700000 Gold Coins</div>
|
||||
<div style="line-height: 0.4rem;font-size: 0.15rem;">For each deposit made by the directly invited person exceeding 70000 Gold Coins, you earn 2% of the deposited amount as reward;</div>
|
||||
</div>
|
||||
<div class="table1_4">
|
||||
<div>Deposit ≥ 700000 Gold Coins</div>
|
||||
<div style="line-height: 0.4rem;font-size: 0.2rem;">For each deposit made by the directly invited person exceeding 700000 Gold Coins, you earn 4% of the deposited amount as reward;</div>
|
||||
</div>
|
||||
<div class="table2_1">
|
||||
<div style="line-height: 0.4rem;">Single Deposit Amount<br> (Time: Within 30 days, Unit: Gold Coins)</div>
|
||||
<div>Earnings</div>
|
||||
</div>
|
||||
<div class="table2_2">
|
||||
<div>70000 Gold Coins ≤ Deposit < 700000 Gold Coins</div>
|
||||
<div style="line-height: 0.4rem;">For each deposit made by the indirectly invited person exceeding 70000 Gold Coins, you earn 0.5% of the deposited amount as reward;</div>
|
||||
</div>
|
||||
<div class="table2_3">
|
||||
<div>Deposit ≥ 700000 Gold Coins</div>
|
||||
<div style="line-height: 0.34rem;">For each deposit made by the indirectly invited person exceeding 700000 Gold Coins, you earn 1% of the deposited amount as reward;</div>
|
||||
</div>
|
||||
`,
|
||||
text67: `Profit `,
|
||||
img5: `background: url(./images/myInfoBut-en.png) no-repeat;background-size: 100% 100%;`,
|
||||
img6: `background: url(./images/myInfoBut2-en.png) no-repeat;background-size: 100% 100%;`,
|
||||
img7: `background: url(./images/ruleBoxBg-en.png) no-repeat;background-size: 100% 100%;`,
|
||||
img8: `./images/rule_inNew-en.png`,
|
||||
myIncomeText: `Obtain`,
|
||||
claimed:'Successfully claimed',
|
||||
},
|
||||
share: {
|
||||
img1: `background: url(./images/share/header-en.png) no-repeat;background-size: 100% 100%;`,
|
||||
|
||||
142
view/molistar/activity/2024-invitationFission/local/tr.js
Normal file
142
view/molistar/activity/2024-invitationFission/local/tr.js
Normal file
@@ -0,0 +1,142 @@
|
||||
// 英文
|
||||
langTr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
endTimes: 'Etkinlik sona erdi',
|
||||
img1: `./images/header_h3-tr.png`,
|
||||
img2: `./images/rule_rule-tr.png`,
|
||||
img3: `./images/rule1_in-tr.png`,
|
||||
img4: `./images/rule_2in-tr.png`,
|
||||
title: `Davet Ederek Coin Kazan`,
|
||||
text1: `Her davet için <b>500</b> <img src="./images/gold.png" alt=""> kazan`,
|
||||
text2: `Benim Kodum`,
|
||||
text3: `Arkadaşlarla Paylaş`,
|
||||
text4: `Davet Kodunu Kopyala`,
|
||||
text5: `Kazançlar`,
|
||||
texts5: `Kazançlar`,
|
||||
text6: `Doğrudan Davet Kazançları`,
|
||||
text7: `Dolaylı Davet Kazançları`,
|
||||
text8: `Doğrudan Davet Kazançları Kaydı`,
|
||||
text9: `Doğrudan Davet Kullanıcı Kaydı`,
|
||||
text10: `Zaman`,
|
||||
text11: `Kazanç`,
|
||||
text12: `Kazanç Türü`,
|
||||
text13: `Davet Edilen Kullanıcı`,
|
||||
text14: `Etkinlik Kuralları`,
|
||||
text15: `Bir arkadaşı kaydettirerek başarıyla davet ederseniz, her iki taraf da 500 coin kazanır, sınırsız!`,
|
||||
text16: `Davet Eden: Siz`,
|
||||
text17: `Doğrudan Davet Edilen`,
|
||||
text18: `Arkadaşlarınızı top-up yapmaya davet edin ve 30 gün boyunca %7'ye kadar geri ödeme kazanın!`,
|
||||
text19: `Davet Eden: Siz`,
|
||||
text20: `Doğrudan Davet Edilen`,
|
||||
text21: `Dolaylı Davet Edilen`,
|
||||
text22: `Doğrudan Davet Edilen: Davet kodunuzu kullanarak kaydolanlar`,
|
||||
text23: `Dolaylı Davet Edilen: Kayıtlı arkadaşlarınız tarafından davet edilenler`,
|
||||
text24: `Yatırım Tutarı`,
|
||||
text25: `Kazançlar`,
|
||||
text26: `Yatırım Tutarı`,
|
||||
text27: `Kazançlar`,
|
||||
text28: `*Büyülü asa, <a href="../../modules/act-wishingStar/index.html?lang=tr"><b>Dilek Yıldızı etkinliği>>`,
|
||||
text29: `Diğer Talimatlar`,
|
||||
text30: `<li class="title">Davet Ödüllerinin Dağıtımı Hakkında</li>
|
||||
<li>1. Davet Edilen Kullanıcının Kazançları: Sistem, yeni kullanıcı davet kodunu doldurduktan sonra ödülleri ilgili hesaba otomatik olarak dağıtır.</li>
|
||||
<li>2. Davet Edenin Kazançları: Sistem, yeni kullanıcı davet kodunu doldurduktan sonra ödülleri ilgili hesaba otomatik olarak dağıtır.</li>
|
||||
<li>3. Yatırım Ödülü: Sadece doğrudan yapılan yatırımlar sayılır; Yeni kullanıcı davet kodunu doldurduktan sonra ilk 30 günlük yatırımlarını tamamladığında, bir büyülü asa ödülü kazanabilir, bu ödül, Dilek Yıldızı oyununda nadir hediyeler almak için kullanılabilir; Davet edenler belirli bir yatırım miktarını tamamlayarak ek kazançlar elde edebilir ve kazançlar gerçek zamanlı olarak yatırılır.</li>
|
||||
<li class="title">Geçersiz Davetler Hakkında</li>
|
||||
<li>1. Aynı cihaz, aynı telefon numarası ve aynı kimlik bilgileriyle kaydolan kullanıcılar aynı kullanıcı olarak kabul edilir ve ödüller tekrar verilemez; Eğer davet eden ve davet edilen aynı cihazı, kimlik bilgilerini ve telefon numarasını kullanıyorsa, davet eden ödül alamaz.</li>
|
||||
<li>2. Her yeni kullanıcı yalnızca bir kez davet kodu doldurabilir ve doldurduktan sonra değiştirilemez, dikkat! Davet kodu daha sonra doldurulamaz, lütfen yeni kullanıcıyı kaydolurken davet kodunu zamanında doldurması için bilgilendirin, aksi takdirde bu davet geçersizdir.</li>
|
||||
<li>3. Herhangi bir dolandırıcılık davranışı durumunda, resmi yetkililer dolandırıcıların elde ettiği tüm ödülleri iptal etme ve hesabı yasaklama hakkına sahiptir.</li>
|
||||
<li>4. Sanal telefon numaraları ve yasaklı kullanıcılar etkinliğe katılamazlar.</li>
|
||||
<li class="title">Diğerleri</li>
|
||||
<li>1. Herhangi bir sorunuz varsa, lütfen WhatsApp ile iletişime geçin: 8618984433556</li>
|
||||
<li>2. Bu etkinliğin nihai yorumlama hakkı resmiye aittir ve Apple Inc./Google Inc. ile ilgisi yoktur.</li>`,
|
||||
text31: `QR Kodunu Paylaş >`,
|
||||
text32: `Arkadaşlar QR Kodunu Tarayarak İndirip Kaydolabilir`,
|
||||
text33: `Get <b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text34: `Yerel Olarak Kaydet`,
|
||||
text35: `Doğrudan`,
|
||||
text36: `Molistar'ı indirip Kaydınızı Yaparak 500 coin Kazanın!`,
|
||||
text37: `Molistar, Kalp Atışıyla Tanışın`,
|
||||
text38: `Molistar'da Sohbet Edin, Oyunlar Oynayın, Arkadaş Edinin, Her Zaman ve Her Yerde`,
|
||||
text39: `Doğrudan`,
|
||||
text40: `Dolaylı`,
|
||||
text41: `Davet Kazançları Kaydı`,
|
||||
text42: `Davet Edilen Kullanıcı Kaydı`,
|
||||
text43: `Yok`,
|
||||
text44: `Zaman`,
|
||||
text45: `Kazanç`,
|
||||
text46: `Kazanç Türü`,
|
||||
text47: `Doğrudan Davet Edilen`,
|
||||
text48: `Zaman`,
|
||||
text49: `Kazanç`,
|
||||
text50: `Kazanç Türü`,
|
||||
text51: `Dolaylı Davet Edilen`,
|
||||
text52: `Arkadaşları Kaydetmeye Davet Et`,
|
||||
text53: `Arkadaşların Yatırım Geri Ödemesi`,
|
||||
text54: `Arkadaşın İlk Yatırımı`,
|
||||
text55: `Dolaylı Davet Yatırım Geri Ödemesi`,
|
||||
text56: `Zaman`,
|
||||
text57: `Doğrudan Davet Edilen`,
|
||||
text58: `30 Günlük Yatırım`,
|
||||
text59: `Zaman`,
|
||||
text60: `Doğrudan Davet Edilen`,
|
||||
text61: `Dolaylı Davet Edilen`,
|
||||
text62: `30 Günlük Yatırım`,
|
||||
text66: `<div class="table1_1">
|
||||
<div style="line-height: 0.4rem;">Tek Yatırım Miktarı<br> (Zaman: Son 30 gün, Birim: Altın Paralar)</div>
|
||||
<div>Kazanılan Gelir</div>
|
||||
</div>
|
||||
<div class="table1_2">
|
||||
<div>Yatırım < 70000 Altın Para</div>
|
||||
<div style="line-height: 0.4rem;">Doğrudan davet edilen kişi yatırım yaparsa, yatırılan miktarın %1'ini kazanırsınız;</div>
|
||||
</div>
|
||||
<div class="table1_3">
|
||||
<div>70000 Altın Para ≤ Yatırım < 700000 Altın Para</div>
|
||||
<div style="line-height: 0.4rem;">Doğrudan davet edilen kişi 70000 Altın Paradan fazla yatırım yaparsa, yatırılan miktarın %2'sini kazanırsınız;</div>
|
||||
</div>
|
||||
<div class="table1_4">
|
||||
<div>Yatırım ≥ 700000 Altın Para</div>
|
||||
<div style="line-height: 0.4rem;">Doğrudan davet edilen kişi 700000 Altın Paradan fazla yatırım yaparsa, yatırılan miktarın %4'ünü kazanırsınız;</div>
|
||||
</div>
|
||||
<div class="table2_1">
|
||||
<div style="line-height: 0.4rem;">Tek Yatırım Miktarı<br> (Zaman: Son 30 gün, Birim: Altın Paralar)</div>
|
||||
<div>Kazanılan Gelir</div>
|
||||
</div>
|
||||
<div class="table2_2">
|
||||
<div>70000 Altın Para ≤ Yatırım < 700000 Altın Para</div>
|
||||
<div style="line-height: 0.4rem;">Dolaylı davet edilen kişi 70000 Altın Paradan fazla yatırım yaparsa, yatırılan miktarın %0.5'ini kazanırsınız;</div>
|
||||
</div>
|
||||
<div class="table2_3">
|
||||
<div>Yatırım ≥ 700000 Altın Para</div>
|
||||
<div style="line-height: 0.34rem;">Dolaylı davet edilen kişi 700000 Altın Paradan fazla yatırım yaparsa, yatırılan miktarın %1'ini kazanırsınız;</div>
|
||||
</div>
|
||||
`,
|
||||
text67: `Kar`,
|
||||
img5: `background: url(./images/myInfoBut-tr.png) no-repeat;background-size: 100% 100%;`,
|
||||
img6: `background: url(./images/myInfoBut2-tr.png) no-repeat;background-size: 100% 100%;`,
|
||||
img7: `background: url(./images/ruleBoxBg-tr.png) no-repeat;background-size: 100% 100%;`,
|
||||
img8: `./images/rule_inNew-tr.png`,
|
||||
myIncomeText: `Kazan`,
|
||||
claimed:'Başarıyla alındı',
|
||||
},
|
||||
share: {
|
||||
img1: `background: url(./images/share/header-tr.png) no-repeat;background-size: 100% 100%;`,
|
||||
img2: `background: url(./images/share/codeBg-tr.png) no-repeat;background-size: 100% 100%;`,
|
||||
title: `Molistar'a katıl, eğlence seni bekliyor!`,
|
||||
text1: `Molistar'da beklenmedik bağlantılar keşfet.`,
|
||||
text2: `Sohbet et, oyun oyna ve Molistar'da her zaman, her yerde arkadaş edin.`,
|
||||
xz_id: `Molistar'ı şimdi indir!`,
|
||||
text4: `Molistar'a davet kodumla kaydol ve hemen 500 altın coin kazan!`,
|
||||
text5: `Yükleniyor...`,
|
||||
text6: `İşlem tamamlandı`,
|
||||
text7: `Başarıyla kopyalandı`,
|
||||
text8: `Ağ hatası, lütfen daha sonra tekrar deneyin`,
|
||||
inviteCodes: `text-align: right;`,
|
||||
imgs1: `./images/share/1-tr.png`,
|
||||
imgs2: `./images/share/2-tr.png`,
|
||||
imgs3: `./images/share/3-tr.png`,
|
||||
imgs4: `./images/share/4-tr.png`,
|
||||
imgs5: `./images/share/5-tr.png`,
|
||||
}
|
||||
|
||||
}
|
||||
@@ -2,7 +2,7 @@
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
endTimes:'活動已結束',
|
||||
endTimes: '活動已結束',
|
||||
img1: `./images/header_h3.png`,
|
||||
img2: `./images/rule_rule.png`,
|
||||
img3: `./images/rule1_in.png`,
|
||||
@@ -86,38 +86,41 @@ langZh = {
|
||||
text64: `金幣`,
|
||||
text65: `直接邀請對象+2魔法棒，妳+1魔法棒`,
|
||||
text66: `<div class="table1_1">
|
||||
<div style="line-height: 0.4rem;">儲值數額<br>（時間：30天內，單位：金幣）</div>
|
||||
<div style="line-height: 0.4rem;">單筆充值金額<br>（時間：30天內 單位：金幣）</div>
|
||||
<div>獲得收益</div>
|
||||
</div>
|
||||
<div class="table1_2">
|
||||
<div>儲值<10000</div>
|
||||
<div style="line-height: 0.4rem;">直接邀請對象 +2 魔法棒，妳 +1 魔法棒</div>
|
||||
<div>充值<70000金幣</div>
|
||||
<div style="line-height: 0.4rem;">直接邀請對象充值，你獲得充值金額1%金幣獎勳；</div>
|
||||
</div>
|
||||
<div class="table1_3">
|
||||
<div>10000≤儲值<50000</div>
|
||||
<div style="line-height: 0.4rem;">直接邀請對象每儲值1000，妳+30（3.00%）</div>
|
||||
<div>70000金幣=<充值<700000金幣</div>
|
||||
<div style="line-height: 0.4rem;">直接邀請對象充值>70000金幣，你將獲得充值金額2%金幣獎勳；</div>
|
||||
</div>
|
||||
<div class="table1_4">
|
||||
<div>儲值≥50000 </div>
|
||||
<div style="line-height: 0.4rem;">直接邀請對象每儲值1000，妳+50（5.00%）</div>
|
||||
<div>充值>=700000金幣</div>
|
||||
<div style="line-height: 0.4rem;">直接邀請對象充值>700000金幣，你獲得充值金額4%金幣獎勳；</div>
|
||||
</div>
|
||||
<div class="table2_1">
|
||||
<div style="line-height: 0.4rem;">儲值數額<br>（時間：30天內，單位：金幣）</div>
|
||||
<div style="line-height: 0.4rem;">單筆充值金額<br>（時間：30天內 單位：金幣）</div>
|
||||
<div>獲得收益</div>
|
||||
</div>
|
||||
<div class="table2_2">
|
||||
<div>10000≤儲值<50000</div>
|
||||
<div style="line-height: 0.4rem;">間接邀請對象每儲值1000，妳+10（1.00%）</div>
|
||||
<div>70000金幣=<充值<700000金幣</div>
|
||||
<div style="line-height: 0.4rem;">間接邀請對象充值>70000金幣，你將獲得充值金額0.5%金幣獎勳；</div>
|
||||
</div>
|
||||
<div class="table2_3">
|
||||
<div>儲值≥50000</div>
|
||||
<div style="line-height: 0.34rem;">間接邀請對象每儲值1000，妳+20（2.00%）</div>
|
||||
</div>`,
|
||||
<div>充值>=700000金幣</div>
|
||||
<div style="line-height: 0.34rem;">間接邀請對象充值>700000金幣，你獲得充值金額1%金幣獎勳；</div>
|
||||
</div>
|
||||
`,
|
||||
text67: `收益明細`,
|
||||
img5: `background: url(./images/myInfoBut.png) no-repeat;background-size: 100% 100%;`,
|
||||
img6: `background: url(./images/myInfoBut2.png) no-repeat;background-size: 100% 100%;`,
|
||||
img7: `background: url./images/ruleBoxBg.png) no-repeat;background-size: 100% 100%;`,
|
||||
img7: `./images/rule_inNew.png`,
|
||||
myIncomeText: `獲取`,
|
||||
claimed:'領取成功',
|
||||
},
|
||||
share: {
|
||||
img1: `background: url(./images/share/header.png) no-repeat;background-size: 100% 100%;`,
|
||||
|
||||
946
view/molistar/activity/2024-newYear/css/index.css
Normal file
946
view/molistar/activity/2024-newYear/css/index.css
Normal file
@@ -0,0 +1,946 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #2B001F;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 14.4rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header .date {
|
||||
width: 8.93333rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
background: url(../images/time_bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 4.90667rem;
|
||||
}
|
||||
|
||||
.header .rule {
|
||||
width: 1.46667rem;
|
||||
height: 0.72rem;
|
||||
line-height: 0.72rem;
|
||||
text-indent: 0.1rem;
|
||||
text-align: center;
|
||||
color: #433402;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 6.34667rem;
|
||||
}
|
||||
|
||||
.giftBox {
|
||||
position: relative;
|
||||
width: 10rem;
|
||||
height: 8.82667rem;
|
||||
background: url(../images/giftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -1.33333rem auto 0.42667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.giftBox .title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.05333rem;
|
||||
text-align: center;
|
||||
width: 7.50667rem;
|
||||
height: 1.85333rem;
|
||||
line-height: 2.66667rem;
|
||||
color: #3C2800;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.giftBox .content {
|
||||
width: 8.13333rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.56rem;
|
||||
margin: 2.45333rem auto 0.4rem;
|
||||
}
|
||||
|
||||
.giftBox .gift {
|
||||
width: 8.13333rem;
|
||||
height: 2.66667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.giftBox .gift div {
|
||||
width: 2.66667rem;
|
||||
height: 2.66667rem;
|
||||
position: relative;
|
||||
background: url(../images/sGiftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.giftBox .gift div img {
|
||||
width: 1.90667rem;
|
||||
height: 1.90667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.64rem;
|
||||
}
|
||||
|
||||
.giftBox .gift div span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.65rem;
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
width: 9.14667rem;
|
||||
height: 1.41333rem;
|
||||
background: url(../images/timeBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.42667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 1.56rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.timeBox div {
|
||||
width: 1.2rem;
|
||||
height: 1.09333rem;
|
||||
margin-top: 0.14667rem;
|
||||
box-sizing: border-box;
|
||||
border: 0.02667rem solid #FFF1B2;
|
||||
background: #700034;
|
||||
border-radius: 0.18667rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.timeBox div span {
|
||||
display: block;
|
||||
color: #FFF783;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: 500;
|
||||
margin: 0.13333rem auto 0.02667rem;
|
||||
}
|
||||
|
||||
.timeBox div b {
|
||||
display: block;
|
||||
color: #FFF783;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top {
|
||||
width: 10rem;
|
||||
height: 11.2rem;
|
||||
position: relative;
|
||||
background: url(../images/topBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.page1 .top .tab {
|
||||
width: 8.64rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 1.17333rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0.32rem;
|
||||
}
|
||||
|
||||
.page1 .top .tab div {
|
||||
width: 4.10667rem;
|
||||
height: 1.17333rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .top .tab .act {
|
||||
background: url(../images/actTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .top .top1 {
|
||||
width: 8rem;
|
||||
height: 5.06667rem;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .tx {
|
||||
width: 2.05333rem;
|
||||
height: 2.05333rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.97333rem;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .name {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
position: absolute;
|
||||
top: 3.4rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .name b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .name img {
|
||||
display: inline-block;
|
||||
width: 1.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 4rem;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .score {
|
||||
width: 100%;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
position: absolute;
|
||||
top: 4.42667rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .score img {
|
||||
display: inline-block;
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
.page1 .top .top2 {
|
||||
width: 4.29333rem;
|
||||
height: 4.32rem;
|
||||
position: absolute;
|
||||
left: 0.53333rem;
|
||||
top: 6.93333rem;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .tx {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .name {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
position: absolute;
|
||||
top: 2.52rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .name b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .name img {
|
||||
display: inline-block;
|
||||
width: 1.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 3.04rem;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .score {
|
||||
width: 100%;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
position: absolute;
|
||||
top: 3.46667rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .score img {
|
||||
display: inline-block;
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
.page1 .top .top3 {
|
||||
width: 4.29333rem;
|
||||
height: 4.32rem;
|
||||
position: absolute;
|
||||
right: 0.53333rem;
|
||||
top: 6.93333rem;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .tx {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .name {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
position: absolute;
|
||||
top: 2.52rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .name b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .name img {
|
||||
display: inline-block;
|
||||
width: 1.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 3.04rem;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .score {
|
||||
width: 100%;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
position: absolute;
|
||||
top: 3.46667rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .score img {
|
||||
display: inline-block;
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
.page1 .bottom {
|
||||
width: 10rem;
|
||||
height: 0.66667rem;
|
||||
background: url(../images/bottomBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.2rem auto 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page1 .content {
|
||||
width: 10rem;
|
||||
height: auto;
|
||||
margin: 0 auto 0;
|
||||
background: url(../images/contentBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page1 .content ul {
|
||||
width: 8.8rem;
|
||||
margin: 0.37333rem auto 0rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li {
|
||||
width: 100%;
|
||||
height: 1.54667rem;
|
||||
background: linear-gradient(0deg, #9F0141, #760231);
|
||||
border-radius: 0.24rem;
|
||||
border: 0.04rem solid #FFF783;
|
||||
margin-bottom: 0.32rem;
|
||||
overflow: hidden;
|
||||
padding: 0 0.32rem 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.page1 .content ul li .num {
|
||||
float: left;
|
||||
width: 0.53333rem;
|
||||
height: 100%;
|
||||
line-height: 1.54667rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
margin-right: 0.36rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page1 .content ul li .tx {
|
||||
float: left;
|
||||
width: 1.10667rem;
|
||||
height: 1.10667rem;
|
||||
border-radius: 50%;
|
||||
border: 0.02667rem solid #FFF783;
|
||||
display: block;
|
||||
margin-top: 0.21333rem;
|
||||
margin-right: 0.18667rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .info {
|
||||
float: left;
|
||||
margin-top: 0.33333rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .info p {
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .info p b {
|
||||
max-width: 2rem;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFF783;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page1 .content ul li .info p img {
|
||||
display: inline-block;
|
||||
width: 1.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .info span {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page1 .content ul li .score {
|
||||
display: flex;
|
||||
float: right;
|
||||
height: 1.54667rem;
|
||||
line-height: 1.54667rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .score img {
|
||||
display: inline-block;
|
||||
width: 0.34667rem;
|
||||
height: 0.36rem;
|
||||
margin: 0.6rem 0.06667rem 0 0.06667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page1 .content ul li .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page1 .content .more {
|
||||
width: 1.65333rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
text-align: center;
|
||||
padding: 0 0.45333rem;
|
||||
margin: 0 auto 0.3rem;
|
||||
color: #FFF783;
|
||||
border: 0.02667rem solid #FFF783;
|
||||
border-radius: 0.58667rem;
|
||||
box-sizing: border-box;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page1 .my {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 10rem;
|
||||
height: 1.73333rem;
|
||||
background: linear-gradient(0deg, #9F0141, #760231);
|
||||
border-radius: 0.24rem 0.24rem 0px 0px;
|
||||
border: 0.04rem solid #FFF783;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.52rem 0 0.2rem;
|
||||
}
|
||||
|
||||
.page1 .my .num {
|
||||
float: left;
|
||||
width: 0.53333rem;
|
||||
height: 100%;
|
||||
line-height: 1.73333rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
margin-right: 0.36rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page1 .my .tx {
|
||||
float: left;
|
||||
width: 1.10667rem;
|
||||
height: 1.10667rem;
|
||||
border-radius: 50%;
|
||||
border: 0.02667rem solid #FFF783;
|
||||
display: block;
|
||||
margin-top: 0.21333rem;
|
||||
margin-right: 0.18667rem;
|
||||
}
|
||||
|
||||
.page1 .my .info {
|
||||
float: left;
|
||||
margin-top: 0.33333rem;
|
||||
}
|
||||
|
||||
.page1 .my .info p {
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.page1 .my .info p b {
|
||||
max-width: 2rem;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFF783;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page1 .my .info p img {
|
||||
display: inline-block;
|
||||
width: 1.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .my .info span {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page1 .my .score {
|
||||
display: flex;
|
||||
float: right;
|
||||
height: 1.73333rem;
|
||||
line-height: 1.73333rem;
|
||||
}
|
||||
|
||||
.page1 .my .score img {
|
||||
display: inline-block;
|
||||
width: 0.34667rem;
|
||||
height: 0.36rem;
|
||||
margin: 0.69333rem 0.06667rem 0 0.06667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page1 .my .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page2 .top {
|
||||
width: 10rem;
|
||||
height: 2.16rem;
|
||||
position: relative;
|
||||
background: url(../images/topBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto -0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page2 .top .tab {
|
||||
width: 8.64rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 1.17333rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0.32rem;
|
||||
}
|
||||
|
||||
.page2 .top .tab div {
|
||||
width: 4.10667rem;
|
||||
height: 1.17333rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .top .tab .act {
|
||||
background: url(../images/actTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .bottom {
|
||||
width: 10rem;
|
||||
height: 0.66667rem;
|
||||
background: url(../images/bottomBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.2rem auto 0;
|
||||
}
|
||||
|
||||
.page2 .content {
|
||||
width: 10rem;
|
||||
margin: 0 auto 0;
|
||||
background: url(../images/contentBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page2 .content .box {
|
||||
width: 9.06667rem;
|
||||
height: 42.21333rem;
|
||||
background: url(../images/rewardBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0.2rem auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page2 .content .box .bo {
|
||||
position: absolute;
|
||||
width: 0.69333rem;
|
||||
height: 0.69333rem;
|
||||
left: 1.88rem;
|
||||
}
|
||||
|
||||
.page2 .content .box .bo1 {
|
||||
top: 9.92rem;
|
||||
}
|
||||
|
||||
.page2 .content .box .bo2 {
|
||||
top: 23rem;
|
||||
}
|
||||
|
||||
.page2 .content .box .bo3 {
|
||||
top: 38.56rem;
|
||||
}
|
||||
|
||||
.rules {
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rules .rule_in {
|
||||
width: 10rem;
|
||||
height: 8.82667rem;
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.rules .rule_in .close {
|
||||
position: absolute;
|
||||
width: 0.90667rem;
|
||||
height: 0.90667rem;
|
||||
right: 0rem;
|
||||
top: 0.09333rem;
|
||||
}
|
||||
|
||||
.rules .rule_in .titles {
|
||||
width: 7.50667rem;
|
||||
height: 1.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.05333rem;
|
||||
text-align: center;
|
||||
color: #3C2800;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
line-height: 2.66667rem;
|
||||
background: url(../images/ruleTitle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rules .rule_in .text {
|
||||
width: 8.22667rem;
|
||||
height: 5.9rem;
|
||||
overflow-y: scroll;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.56rem;
|
||||
margin: 2.49333rem auto 0;
|
||||
}
|
||||
|
||||
.rules .rule_in .text::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bottomText {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 400;
|
||||
margin: 0.66667rem auto 2.4rem;
|
||||
}
|
||||
|
||||
.video {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video video {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.video .close {
|
||||
width: 0.90667rem;
|
||||
height: 0.90667rem;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
right: 0.93333rem;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.arabic .header {
|
||||
background: url(../images/header-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .page2 .content .box {
|
||||
background: url(../images/rewardBg-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .header {
|
||||
background: url(../images/header-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .page2 .content .box {
|
||||
background: url(../images/rewardBg-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.Turkiye .header {
|
||||
background: url(../images/header-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.Turkiye .page2 .content .box {
|
||||
background: url(../images/rewardBg-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.Turkiye .timeBox {
|
||||
width: 10rem;
|
||||
}
|
||||
|
||||
.Turkiye .timeBox div {
|
||||
width: 1.6rem;
|
||||
}
|
||||
960
view/molistar/activity/2024-newYear/css/index.scss
Normal file
960
view/molistar/activity/2024-newYear/css/index.scss
Normal file
@@ -0,0 +1,960 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #2B001F;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(65);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: px2rem(0);
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1080);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
.date {
|
||||
width: px2rem(670);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
background: url(../images/time_bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(368);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: px2rem(110);
|
||||
height: px2rem(54);
|
||||
line-height: px2rem(54);
|
||||
text-indent: 0.1rem;
|
||||
text-align: center;
|
||||
color: #433402;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(476);
|
||||
}
|
||||
}
|
||||
|
||||
.giftBox {
|
||||
position: relative;
|
||||
width: px2rem(750);
|
||||
height: px2rem(662);
|
||||
background: url(../images/giftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(-100) auto px2rem(32);
|
||||
overflow: hidden;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(4);
|
||||
text-align: center;
|
||||
width: px2rem(563);
|
||||
height: px2rem(139);
|
||||
line-height: px2rem(200);
|
||||
color: #3C2800;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: px2rem(610);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
line-height: px2rem(42);
|
||||
margin: px2rem(184) auto px2rem(30);
|
||||
}
|
||||
|
||||
.gift {
|
||||
width: px2rem(610);
|
||||
height: px2rem(200);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(200);
|
||||
height: px2rem(200);
|
||||
position: relative;
|
||||
background: url(../images/sGiftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
img {
|
||||
width: px2rem(143);
|
||||
height: px2rem(143);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(48);
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.65rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
width: px2rem(686);
|
||||
height: px2rem(106);
|
||||
background: url(../images/timeBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(32);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(117);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: px2rem(90);
|
||||
height: px2rem(82);
|
||||
margin-top: px2rem(11);
|
||||
box-sizing: border-box;
|
||||
border: px2rem(2) solid #FFF1B2;
|
||||
background: #700034;
|
||||
border-radius: px2rem(14);
|
||||
text-align: center;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(34);
|
||||
font-weight: 500;
|
||||
margin: px2rem(10) auto px2rem(2);
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page1 {
|
||||
// display: none;
|
||||
|
||||
.top {
|
||||
width: px2rem(750);
|
||||
height: px2rem(840);
|
||||
position: relative;
|
||||
background: url(../images/topBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
|
||||
.tab {
|
||||
width: px2rem(648);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(88);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto px2rem(24);
|
||||
|
||||
div {
|
||||
width: px2rem(308);
|
||||
height: px2rem(88);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(34);
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/actTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.top1 {
|
||||
width: px2rem(600);
|
||||
height: px2rem(380);
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(154);
|
||||
height: px2rem(154);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(73);
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
position: absolute;
|
||||
top: px2rem(255);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: px2rem(300);
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
width: 100%;
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
position: absolute;
|
||||
top: px2rem(332);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(28);
|
||||
height: px2rem(28);
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top2 {
|
||||
width: px2rem(322);
|
||||
height: px2rem(324);
|
||||
position: absolute;
|
||||
left: px2rem(40);
|
||||
top: px2rem(520);
|
||||
margin: 0 auto 0;
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(36);
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
position: absolute;
|
||||
top: px2rem(189);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: px2rem(228);
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
width: 100%;
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
position: absolute;
|
||||
top: px2rem(260);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(28);
|
||||
height: px2rem(28);
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top3 {
|
||||
width: px2rem(322);
|
||||
height: px2rem(324);
|
||||
position: absolute;
|
||||
right: px2rem(40);
|
||||
top: px2rem(520);
|
||||
margin: 0 auto 0;
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(36);
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
position: absolute;
|
||||
top: px2rem(189);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: px2rem(228);
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
width: 100%;
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
position: absolute;
|
||||
top: px2rem(260);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(28);
|
||||
height: px2rem(28);
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: px2rem(750);
|
||||
height: px2rem(50);
|
||||
background: url(../images/bottomBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.2rem auto 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: px2rem(750);
|
||||
height: auto;
|
||||
margin: 0 auto 0;
|
||||
background: url(../images/contentBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
|
||||
ul {
|
||||
width: px2rem(660);
|
||||
margin: px2rem(28) auto px2rem(0);
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(116);
|
||||
background: linear-gradient(0deg, #9F0141, #760231);
|
||||
border-radius: px2rem(18);
|
||||
border: px2rem(3) solid #FFF783;
|
||||
margin-bottom: px2rem(24);
|
||||
overflow: hidden;
|
||||
padding: 0 px2rem(24) 0 px2rem(15);
|
||||
box-sizing: border-box;
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
width: px2rem(40);
|
||||
height: 100%;
|
||||
line-height: px2rem(116);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
margin-right: px2rem(27);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tx {
|
||||
float: left;
|
||||
width: px2rem(83);
|
||||
height: px2rem(83);
|
||||
border-radius: 50%;
|
||||
border: px2rem(2) solid #FFF783;
|
||||
display: block;
|
||||
margin-top: px2rem(16);
|
||||
margin-right: px2rem(14);
|
||||
}
|
||||
|
||||
.info {
|
||||
float: left;
|
||||
margin-top: px2rem(25);
|
||||
|
||||
p {
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
margin-bottom: px2rem(10);
|
||||
|
||||
b {
|
||||
max-width: 2rem;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.score {
|
||||
display: flex;
|
||||
float: right;
|
||||
height: px2rem(116);
|
||||
line-height: px2rem(116);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(26);
|
||||
height: px2rem(27);
|
||||
margin: px2rem(45) px2rem(5) 0 px2rem(5);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.more {
|
||||
width: px2rem(124);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
text-align: center;
|
||||
padding: 0 px2rem(34);
|
||||
margin: 0 auto 0.3rem;
|
||||
color: #FFF783;
|
||||
border: px2rem(2) solid #FFF783;
|
||||
border-radius: px2rem(44);
|
||||
box-sizing: border-box;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.my {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(750);
|
||||
height: px2rem(130);
|
||||
background: linear-gradient(0deg, #9F0141, #760231);
|
||||
border-radius: px2rem(18) px2rem(18) 0px 0px;
|
||||
border: px2rem(3) solid #FFF783;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(39) 0 px2rem(15);
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
width: px2rem(40);
|
||||
height: 100%;
|
||||
line-height: px2rem(130);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
margin-right: px2rem(27);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tx {
|
||||
float: left;
|
||||
width: px2rem(83);
|
||||
height: px2rem(83);
|
||||
border-radius: 50%;
|
||||
border: px2rem(2) solid #FFF783;
|
||||
display: block;
|
||||
margin-top: px2rem(16);
|
||||
margin-right: px2rem(14);
|
||||
}
|
||||
|
||||
.info {
|
||||
float: left;
|
||||
margin-top: px2rem(25);
|
||||
|
||||
p {
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
margin-bottom: px2rem(10);
|
||||
|
||||
b {
|
||||
max-width: 2rem;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.score {
|
||||
display: flex;
|
||||
float: right;
|
||||
height: px2rem(130);
|
||||
line-height: px2rem(130);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(26);
|
||||
height: px2rem(27);
|
||||
margin: px2rem(52) px2rem(5) 0 px2rem(5);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
|
||||
.top {
|
||||
width: px2rem(750);
|
||||
height: px2rem(162);
|
||||
position: relative;
|
||||
background: url(../images/topBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto -0.2rem;
|
||||
position: relative;
|
||||
|
||||
.tab {
|
||||
width: px2rem(648);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(88);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto px2rem(24);
|
||||
|
||||
div {
|
||||
width: px2rem(308);
|
||||
height: px2rem(88);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(34);
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/actTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: px2rem(750);
|
||||
height: px2rem(50);
|
||||
background: url(../images/bottomBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.2rem auto 0;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: px2rem(750);
|
||||
margin: 0 auto 0;
|
||||
background: url(../images/contentBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.box {
|
||||
width: px2rem(680);
|
||||
height: px2rem(3166);
|
||||
background: url(../images/rewardBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0.2rem auto 0;
|
||||
position: relative;
|
||||
|
||||
.bo {
|
||||
position: absolute;
|
||||
width: px2rem(52);
|
||||
height: px2rem(52);
|
||||
left: px2rem(141);
|
||||
}
|
||||
|
||||
.bo1 {
|
||||
top: px2rem(744);
|
||||
}
|
||||
|
||||
.bo2 {
|
||||
top: px2rem(1725);
|
||||
}
|
||||
|
||||
.bo3 {
|
||||
top: px2rem(2892);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rules {
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
display: none;
|
||||
|
||||
.rule_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(662);
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
width: px2rem(68);
|
||||
height: px2rem(68);
|
||||
right: px2rem(0);
|
||||
top: px2rem(7);
|
||||
}
|
||||
|
||||
.titles {
|
||||
width: px2rem(563);
|
||||
height: px2rem(139);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(4);
|
||||
text-align: center;
|
||||
color: #3C2800;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
line-height: px2rem(200);
|
||||
background: url(../images/ruleTitle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: px2rem(617);
|
||||
height: 5.9rem;
|
||||
overflow-y: scroll;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
line-height: px2rem(42);
|
||||
margin: px2rem(187) auto 0;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottomText {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
margin: px2rem(50) auto px2rem(180);
|
||||
}
|
||||
|
||||
.video {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
video {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(68);
|
||||
height: px2rem(68);
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
right: px2rem(70);
|
||||
z-index: 9;
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.header {
|
||||
background: url(../images/header-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .content .box {
|
||||
background: url(../images/rewardBg-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.china {
|
||||
.header {
|
||||
background: url(../images/header-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .content .box {
|
||||
background: url(../images/rewardBg-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.Turkiye {
|
||||
.header {
|
||||
background: url(../images/header-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .content .box {
|
||||
background: url(../images/rewardBg-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
width: px2rem(750);
|
||||
|
||||
div {
|
||||
width: 1.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
view/molistar/activity/2024-newYear/images/actTab.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/actTab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2024-newYear/images/bo.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/bo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/activity/2024-newYear/images/bottomBg.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/bottomBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
view/molistar/activity/2024-newYear/images/box.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/box.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
view/molistar/activity/2024-newYear/images/close.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
view/molistar/activity/2024-newYear/images/contentBg.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/contentBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 695 B |
BIN
view/molistar/activity/2024-newYear/images/giftBox.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/giftBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
BIN
view/molistar/activity/2024-newYear/images/header-ar.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/header-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
BIN
view/molistar/activity/2024-newYear/images/header-tr.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/header-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 275 KiB |
BIN
view/molistar/activity/2024-newYear/images/header-zh.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/header-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 285 KiB |
BIN
view/molistar/activity/2024-newYear/images/header.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 265 KiB |
BIN
view/molistar/activity/2024-newYear/images/logo.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
view/molistar/activity/2024-newYear/images/rewardBg-ar.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/rewardBg-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 331 KiB |
BIN
view/molistar/activity/2024-newYear/images/rewardBg-tr.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/rewardBg-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 330 KiB |
BIN
view/molistar/activity/2024-newYear/images/rewardBg-zh.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/rewardBg-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 324 KiB |
BIN
view/molistar/activity/2024-newYear/images/rewardBg.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/rewardBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 338 KiB |
BIN
view/molistar/activity/2024-newYear/images/ruleBg.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/ruleBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
BIN
view/molistar/activity/2024-newYear/images/ruleTitle.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/ruleTitle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
view/molistar/activity/2024-newYear/images/rule_icon.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/rule_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
view/molistar/activity/2024-newYear/images/sGiftBox.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/sGiftBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2024-newYear/images/tab.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/tab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2024-newYear/images/timeBox.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/timeBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
view/molistar/activity/2024-newYear/images/time_bg.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/time_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
view/molistar/activity/2024-newYear/images/title.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
view/molistar/activity/2024-newYear/images/top1.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/top1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
view/molistar/activity/2024-newYear/images/top2.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/top2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
view/molistar/activity/2024-newYear/images/top3.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/top3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
view/molistar/activity/2024-newYear/images/topBg.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/topBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
BIN
view/molistar/activity/2024-newYear/images/topBg2.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/topBg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
view/molistar/activity/2024-newYear/images/travel/back.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/activity/2024-newYear/images/travel/backB.png
Normal file
BIN
view/molistar/activity/2024-newYear/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
205
view/molistar/activity/2024-newYear/index.html
Normal file
205
view/molistar/activity/2024-newYear/index.html
Normal file
@@ -0,0 +1,205 @@
|
||||
<!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="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 头部 -->
|
||||
<div class="header">
|
||||
<div class="date"><b class="text2"></b> <span class="text22"></span></div>
|
||||
<div class="rule text3"></div>
|
||||
</div>
|
||||
<!-- 礼物盒子 -->
|
||||
<div class="giftBox">
|
||||
<div class="title text4"></div>
|
||||
<div class="content text5"></div>
|
||||
<div class="gift">
|
||||
<div class="gift0">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<span>Name</span>
|
||||
</div>
|
||||
<div class="gift1">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<span>Name</span>
|
||||
</div>
|
||||
<div class="gift2">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<span>Name</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 倒计时 -->
|
||||
<div class="timeBox">
|
||||
<div class="days">
|
||||
<span>00</span>
|
||||
<b class="text6"></b>
|
||||
</div>
|
||||
<div class="hours">
|
||||
<span>00</span>
|
||||
<b class="text7"></b>
|
||||
</div>
|
||||
<div class="mins">
|
||||
<span>00</span>
|
||||
<b class="text8"></b>
|
||||
</div>
|
||||
<div class="secs">
|
||||
<span>00</span>
|
||||
<b class="text9"></b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page1 -->
|
||||
<div class="page1">
|
||||
<div class="top">
|
||||
<!-- 切换 -->
|
||||
<div class="tab">
|
||||
<div class="act text10"></div>
|
||||
<div class="text11"></div>
|
||||
</div>
|
||||
<!-- 前三 -->
|
||||
<div class="top1">
|
||||
<img src="./images/top1.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">
|
||||
<b>名字</b>
|
||||
<img src="" alt="" class="icon">
|
||||
</div>
|
||||
<div class="id">ID:0</div>
|
||||
<div class="score">
|
||||
<img src="./images/box.png" alt="">
|
||||
<b>0K</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/top2.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">
|
||||
<b>名字</b>
|
||||
<img src="" alt="" class="icon">
|
||||
</div>
|
||||
<div class="id">ID:0</div>
|
||||
<div class="score">
|
||||
<img src="./images/box.png" alt="">
|
||||
<b>0K</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/top3.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">
|
||||
<b>名字</b>
|
||||
<img src="" alt="" class="icon">
|
||||
</div>
|
||||
<div class="id">ID:0</div>
|
||||
<div class="score">
|
||||
<img src="./images/box.png" alt="">
|
||||
<b>0K</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<div class="num">04</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="info">
|
||||
<p>
|
||||
<b>名字</b>
|
||||
<img src="" alt="" class="icon">
|
||||
</p>
|
||||
<span>ID:1234567</span>
|
||||
</div>
|
||||
<div class="score">
|
||||
<img src="./images/box.png" alt="">
|
||||
<b>0K</b>
|
||||
</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
<div class="more">More</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
<div class="my">
|
||||
<div class="num">04</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="info">
|
||||
<p>
|
||||
<b>名字</b>
|
||||
<img src="" alt="" class="icon">
|
||||
</p>
|
||||
<span>ID:1234567</span>
|
||||
</div>
|
||||
<div class="score">
|
||||
<img src="./images/box.png" alt="">
|
||||
<b>0K</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page2 -->
|
||||
<div class="page2">
|
||||
<div class="top">
|
||||
<!-- 切换 -->
|
||||
<div class="tab">
|
||||
<div class="text10">Ranking</div>
|
||||
<div class="act text11">Rewards</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="box">
|
||||
<img src="./images/bo.png" alt="" class="bo bo1">
|
||||
<img src="./images/bo.png" alt="" class="bo bo2">
|
||||
<img src="./images/bo.png" alt="" class="bo bo3">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
</div>
|
||||
<div class="bottomText text12"></div>
|
||||
<!-- 规则 -->
|
||||
<div class="rules">
|
||||
<div class="rule_in">
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
<div class="titles text133"></div>
|
||||
<div class="text text13">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MP4 -->
|
||||
<div class="video video1">
|
||||
<video id="zjVideo1" controls>
|
||||
<source src="./mp4/1.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="video video2">
|
||||
<video id="zjVideo2" controls>
|
||||
<source src="./mp4/2.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="video video3">
|
||||
<video id="zjVideo3" controls>
|
||||
<source src="./mp4/3.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</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="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
306
view/molistar/activity/2024-newYear/js/index.js
Normal file
306
view/molistar/activity/2024-newYear/js/index.js
Normal file
@@ -0,0 +1,306 @@
|
||||
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'
|
||||
})
|
||||
}
|
||||
var countupTime;//倒计时容器
|
||||
var loadedCount = 0; // 已加載的數據數量
|
||||
var pageSize = 7; // 每次加載的數據數量
|
||||
var notListTo3 = []; // 每次加載的數據數量
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getConfig();
|
||||
}, 100)
|
||||
|
||||
})
|
||||
// 处理SVGA
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
function loadSVGA(containerId, svgaPath) {
|
||||
var container = document.getElementById(containerId);
|
||||
var player = new SVGA.Player(container);
|
||||
|
||||
var parser = new SVGA.Parser();
|
||||
parser.load(svgaPath, function (videoItem) {
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
});
|
||||
}
|
||||
|
||||
loadSVGA('ts10', './svga/100.svga');
|
||||
});
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').html(langReplace(localLang.demoModule.text1));
|
||||
$('.text2').html(langReplace(localLang.demoModule.text2));
|
||||
// $('.text22').html(langReplace(localLang.demoModule.text22));
|
||||
$('.text3').html(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').html(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').html(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').html(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').html(langReplace(localLang.demoModule.text7));
|
||||
$('.text8').html(langReplace(localLang.demoModule.text8));
|
||||
$('.text9').html(langReplace(localLang.demoModule.text9));
|
||||
$('.text10').html(langReplace(localLang.demoModule.text10));
|
||||
$('.text11').html(langReplace(localLang.demoModule.text11));
|
||||
$('.text12').html(langReplace(localLang.demoModule.text12));
|
||||
$('.text13').html(langReplace(localLang.demoModule.text13));
|
||||
$('.text133').html(langReplace(localLang.demoModule.text133));
|
||||
$('.more').html(langReplace(localLang.demoModule.more));
|
||||
if (browser.ios) {
|
||||
$('.bottomText').text(langReplace(localLang.demoModule.text12))
|
||||
} else {
|
||||
$('.bottomText').text(langReplace(localLang.demoModule.text122))
|
||||
}
|
||||
}
|
||||
// 配置接口
|
||||
function getConfig() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/h5/template/rank',
|
||||
data: { actKey: "newYearDay" },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 处理日期
|
||||
var startTime = dateFormat(new Date(res.data.startTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
|
||||
var endTime = dateFormat(new Date(res.data.endTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
|
||||
$('.header .date .text22').text(`${startTime} - ${endTime}`);
|
||||
// 处理倒计时
|
||||
countup(res.data.endTime - res.timestamp);
|
||||
// 处理限定礼物
|
||||
res.data.gifts.forEach((res, i) => {
|
||||
$(`.giftBox .gift .gift${i} img`).attr("src", res.giftUrl);
|
||||
$(`.giftBox .gift .gift${i} span`).text(res.giftName);
|
||||
})
|
||||
// 处理榜单
|
||||
var listTo3 = res.data.rankList.slice(0, 3);
|
||||
notListTo3 = res.data.rankList.slice(3);
|
||||
// 处理前三
|
||||
if (listTo3.length < 3) {
|
||||
let arr = new Array(3 - listTo3.length).fill({
|
||||
avatar: './images/logo.png',
|
||||
name: langReplace(localLang.demoModule.waiting),
|
||||
erbanNo: null,
|
||||
totalNum: null
|
||||
})
|
||||
listTo3.push(...arr)
|
||||
}
|
||||
listTo3.forEach((res, i) => {
|
||||
$(`.page1 .top .top${i + 1} .tx`).attr('src', res.avatar);
|
||||
$(`.page1 .top .top${i + 1} .name b`).text(res.name);
|
||||
$(`.page1 .top .top${i + 1} .name img`).attr('src', res.userLevelVo ? res.userLevelVo.experUrl : './images/logo.png');
|
||||
$(`.page1 .top .top${i + 1} .id`).text('ID:' + res.erbanNo);
|
||||
$(`.page1 .top .top${i + 1} .score b`).text(unitProcessingAr(res.totalNum, 2));
|
||||
if (res.erbanNo == null) {
|
||||
$(`.page1 .top .top${i + 1} .name img`).hide();
|
||||
$(`.page1 .top .top${i + 1} .id`).hide();
|
||||
$(`.page1 .top .top${i + 1} .score`).hide();
|
||||
}
|
||||
})
|
||||
// 非前三
|
||||
loadMore();
|
||||
// 处理自己榜单数据
|
||||
var my = res.data.myRank;
|
||||
$('.page1 .my .tx').attr("src", my.avatar);
|
||||
$('.page1 .my .num').text(my.rank == 0 ? '30+' : my.rank);
|
||||
$('.page1 .my .info p b').text(my.name);
|
||||
$('.page1 .my .info p img').attr('src', res.data.myRank.userLevelVo.experUrl);
|
||||
$('.page1 .my .info span').text(`ID:${my.erbanNo}`);
|
||||
$('.page1 .my .score b').text(unitProcessingAr(my.totalNum, 2));
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 加載數據函數
|
||||
function loadMore() {
|
||||
// 計算加載範圍
|
||||
pageSize = loadedCount == 0 ? 7 : 10;
|
||||
const nextItems = notListTo3.slice(loadedCount, loadedCount + pageSize);
|
||||
let str = '';
|
||||
|
||||
// 拼接 HTML
|
||||
nextItems.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.rank}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="info">
|
||||
<p>
|
||||
<b>${res.name}</b>
|
||||
<img src="${res.userLevelVo.experUrl}" alt="" class="icon">
|
||||
</p>
|
||||
<span>ID:${res.erbanNo}</span>
|
||||
</div>
|
||||
<div class="score">
|
||||
<img src="./images/box.png" alt="">
|
||||
<b>${unitProcessingAr(res.totalNum, 2)}</b>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
// 將數據插入到列表中
|
||||
$('.page1 .content ul').append(str);
|
||||
// 更新已加載的數據數量
|
||||
loadedCount += nextItems.length;
|
||||
// 如果數據全部加載完成，隱藏按鈕
|
||||
console.log(loadedCount >= notListTo3.length);
|
||||
console.log(notListTo3.length);
|
||||
if (loadedCount >= notListTo3.length) {
|
||||
$('.page1 .content .more').hide();
|
||||
}
|
||||
}
|
||||
|
||||
// 綁定按鈕點擊事件
|
||||
$('.page1 .content .more').click(function () {
|
||||
loadMore();
|
||||
})
|
||||
|
||||
// 初次加載數據
|
||||
// tab切换
|
||||
$('.page1 .top .tab div,.page2 .top .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$('.page1,.page2').hide();
|
||||
$(`.page${i}`).show();
|
||||
if (i == 1) {
|
||||
$('.bottomText').css('margin', '0.66667rem auto 2.4rem');
|
||||
} else {
|
||||
$('.bottomText').css('margin', '0.66667rem auto 0.66667rem');
|
||||
}
|
||||
})
|
||||
// 打开规则
|
||||
$('.rule').click(function () {
|
||||
$('.rules').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 关闭规则
|
||||
$('.rules .rule_in .close').click(function () {
|
||||
$('.rules').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
|
||||
// 倒計時
|
||||
function countup(leftTime) {
|
||||
clearTimeout(countupTime)
|
||||
//獲取當前時間
|
||||
// var now = nowTime;
|
||||
var d = 0;
|
||||
var h = 0;
|
||||
var m = 0;
|
||||
var s = 0;
|
||||
//定義變數 d,h,m,s保存倒計時的時間
|
||||
var d, h, m, s;
|
||||
//遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果
|
||||
if (leftTime > 0) {
|
||||
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
|
||||
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
|
||||
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
|
||||
s = getzf(Math.floor(leftTime / 1000 % 60));
|
||||
//將倒計時賦值到div中
|
||||
$('.timeBox .days span').text(d);
|
||||
$('.timeBox .hours span').text(h);
|
||||
$('.timeBox .mins span').text(m);
|
||||
$('.timeBox .secs span').text(s);
|
||||
} else {
|
||||
getConfig();
|
||||
}
|
||||
if (leftTime > 0) {
|
||||
leftTime = leftTime - 1000;
|
||||
}
|
||||
countupTime = setTimeout(function () {
|
||||
countup(leftTime);
|
||||
}, 1000);
|
||||
}
|
||||
//补0操作
|
||||
function getzf(num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
|
||||
// 打开mp4弹窗
|
||||
$('.page2 .content .box .bo1').click(function () {
|
||||
var video = document.getElementById('zjVideo1');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.video1').show();
|
||||
})
|
||||
$('.page2 .content .box .bo2').click(function () {
|
||||
var video = document.getElementById('zjVideo2');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.video2').show();
|
||||
})
|
||||
$('.page2 .content .box .bo3').click(function () {
|
||||
var video = document.getElementById('zjVideo3');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.video3').show();
|
||||
})
|
||||
// 关闭mp4弹窗
|
||||
$('.video .close').click(function () {
|
||||
var video1 = document.getElementById('zjVideo1');
|
||||
var video2 = document.getElementById('zjVideo2');
|
||||
var video3 = document.getElementById('zjVideo3');
|
||||
video1.pause();
|
||||
video2.pause();
|
||||
video3.pause();;
|
||||
bodyScroolFun(false);
|
||||
$('.video').hide();
|
||||
})
|
||||
29
view/molistar/activity/2024-newYear/local/ar.js
Normal file
29
view/molistar/activity/2024-newYear/local/ar.js
Normal file
@@ -0,0 +1,29 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جاري التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: 'رأس السنة الجديدة',
|
||||
text2: 'وقت الحدث:',
|
||||
text22: '31 ديسمبر - 7 يناير',
|
||||
text3: 'القواعد',
|
||||
text4: 'هدايا رأس السنة الجديدة',
|
||||
text5: 'عام جديد على وشك البدء، لنرسل هدايا رأس السنة معًا للاحتفال بها! دعونا نرحب بقدوم العام الجديد معًا!',
|
||||
text6: 'الأيام',
|
||||
text7: 'الساعات',
|
||||
text8: 'الدقائق',
|
||||
text9: 'الثواني',
|
||||
text10: 'التصنيف',
|
||||
text11: 'المكافآت',
|
||||
text12: 'الحدث ليس له علاقة بشركة Apple.',
|
||||
text122: 'الحدث ليس له علاقة بشركة Google.',
|
||||
text133: 'القواعد',
|
||||
text13: '<p>1. أرسل هدايا رأس السنة الجديدة المخصصة خلال فترة الحدث للمشاركة في التصنيف.</p><p>2. بعد انتهاء الحدث، سيتم احتساب أعلى 3 مستخدمين في التصنيف.</p><p>3. سيحصل أعلى 3 مستخدمين على مكافآت، وسيتم إصدار المكافآت في اليوم الثاني بعد الحدث.</p><p>4. جميع حقوق تفسير هذا الحدث تخص المنصة وليس لها علاقة بشركتي Google وApple.</p>',
|
||||
more: 'أكثر',
|
||||
month: 'شهر ',
|
||||
day: 'يوم ',
|
||||
waiting: 'منتظر',
|
||||
}
|
||||
}
|
||||
33
view/molistar/activity/2024-newYear/local/en.js
Normal file
33
view/molistar/activity/2024-newYear/local/en.js
Normal file
@@ -0,0 +1,33 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1: `New Year`,
|
||||
text2: `Event Time:`,
|
||||
text22: `December 31st - January 7th`,
|
||||
text3: `Rule`,
|
||||
text4: `New Year Gifts`,
|
||||
text5: `A new year is about to begin, let’s send out New Year gifts to celebrate the New Year
|
||||
together! Let’s welcome the arrival of the New Year together!`,
|
||||
text6: `Days`,
|
||||
text7: `Hours`,
|
||||
text8: `Mins`,
|
||||
text9: `Secs`,
|
||||
text10: `Ranking`,
|
||||
text11: `Rewards`,
|
||||
text12: `Event has nothing to do with Apple.`,
|
||||
text122: `Event has nothing to do with Google.`,
|
||||
text133: `Rules`,
|
||||
text13: `<p>1. Send the designated New Year Gifts during the event period to participate in the ranking.</p>
|
||||
<p>2. After the event, the Top3 users on the ranking will be counted.</p>
|
||||
<p>3. The Top3 users will receive rewards, and the rewards will be issued on the second day after the
|
||||
event.</p>
|
||||
<p>4. All interpretation rights of this event belong to the platform and have nothing to do with Google
|
||||
and Apple.</p>`,
|
||||
more: 'More',
|
||||
month: 'Month',
|
||||
day: 'Day',
|
||||
waiting: 'Waiting',
|
||||
},
|
||||
}
|
||||
32
view/molistar/activity/2024-newYear/local/tr.js
Normal file
32
view/molistar/activity/2024-newYear/local/tr.js
Normal file
@@ -0,0 +1,32 @@
|
||||
langTr = {
|
||||
demoModule: {
|
||||
layerIndex1: 'Yükleniyor...',
|
||||
layerIndex2: 'Başarılı',
|
||||
layerIndex3: 'Ağ hatası',
|
||||
text1: 'Yeni Yıl',
|
||||
text2: 'Etkinlik Süresi:',
|
||||
text22: '31 Aralık - 7 Ocak',
|
||||
text3: 'Kural',
|
||||
text4: 'Yeni Yıl Hediyeleri',
|
||||
text5: 'Yeni bir yıl başlamak üzere, Yeni Yıl hediyeleri göndererek Yeni Yılı birlikte kutlayalım! Yeni Yılı birlikte karşılayalım!',
|
||||
text6: 'Günler',
|
||||
text7: 'Saatler',
|
||||
text8: 'Dakikalar',
|
||||
text9: 'Saniyeler',
|
||||
text10: 'Sıralama',
|
||||
text11: 'Ödüller',
|
||||
text12: 'Etkinlik Apple ile ilgili değildir.',
|
||||
text122: 'Etkinlik Google ile ilgili değildir.',
|
||||
text133: 'Kurallar',
|
||||
text13: `
|
||||
<p>1. Etkinlik süresince belirlenen Yeni Yıl Hediyelerini göndererek sıralamaya katılabilirsiniz.</p>
|
||||
<p>2. Etkinlikten sonra, sıralamadaki ilk 3 kullanıcı sayılacaktır.</p>
|
||||
<p>3. İlk 3 kullanıcı ödüllerini alacak ve ödüller etkinlikten sonraki gün verilecektir.</p>
|
||||
<p>4. Bu etkinliğin tüm yorum hakları platforma aittir ve Google ve Apple ile ilgisi yoktur.</p>`,
|
||||
more: 'Daha Fazla',
|
||||
month: 'Ay',
|
||||
day: 'Gün',
|
||||
waiting: 'Beklemek',
|
||||
},
|
||||
|
||||
}
|
||||
29
view/molistar/activity/2024-newYear/local/zh.js
Normal file
29
view/molistar/activity/2024-newYear/local/zh.js
Normal file
@@ -0,0 +1,29 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加载中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `网络错误`,
|
||||
text1: '新年',
|
||||
text2: '活動時間:',
|
||||
text22: '12月31日 - 1月7日',
|
||||
text3: '規則',
|
||||
text4: '新年禮物',
|
||||
text5: '新的一年即將開始，一起送出新年禮物來慶祝新年吧！讓我們一起迎接新年的到來！',
|
||||
text6: '天',
|
||||
text7: '小時',
|
||||
text8: '分鐘',
|
||||
text9: '秒',
|
||||
text10: '排名',
|
||||
text11: '獎勵',
|
||||
text12: '活動與 Apple 無關。',
|
||||
text122: '活動與 Google 無關。',
|
||||
text133: '規則',
|
||||
text13: '<p>1. 活動期間送出指定的新年禮物即可參與排名。</p><p>2. 活動結束後，將統計排名前3名的用戶。</p><p>3. 排名前3名的用戶將獲得獎勵，獎勵將於活動結束後第二天發放。</p><p>4. 本活動的所有解釋權歸平台所有，與 Google 和 Apple 無關。</p>',
|
||||
more: '更多',
|
||||
month: '月',
|
||||
day: '日',
|
||||
waiting: '虚位以待',
|
||||
}
|
||||
}
|
||||
BIN
view/molistar/activity/2024-newYear/mp4/1.mp4
Normal file
BIN
view/molistar/activity/2024-newYear/mp4/1.mp4
Normal file
Binary file not shown.
BIN
view/molistar/activity/2024-newYear/mp4/2.mp4
Normal file
BIN
view/molistar/activity/2024-newYear/mp4/2.mp4
Normal file
Binary file not shown.
BIN
view/molistar/activity/2024-newYear/mp4/3.mp4
Normal file
BIN
view/molistar/activity/2024-newYear/mp4/3.mp4
Normal file
Binary file not shown.
@@ -127,7 +127,10 @@ body {
|
||||
}
|
||||
|
||||
.lastWeek .top .top1 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -172,7 +175,10 @@ body {
|
||||
}
|
||||
|
||||
.lastWeek .top .top2 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -217,7 +223,10 @@ body {
|
||||
}
|
||||
|
||||
.lastWeek .top .top3 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -411,7 +420,10 @@ body {
|
||||
}
|
||||
|
||||
.page1 .thisWeek .top .top1 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -456,7 +468,10 @@ body {
|
||||
}
|
||||
|
||||
.page1 .thisWeek .top .top2 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -501,7 +516,10 @@ body {
|
||||
}
|
||||
|
||||
.page1 .thisWeek .top .top3 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
|
||||
@@ -128,7 +128,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -173,7 +176,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -218,7 +224,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -411,7 +420,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -456,7 +468,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -501,7 +516,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
|
||||
@@ -253,5 +253,5 @@
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="./js/index.js?v=1.0"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -177,7 +177,7 @@ function giftRank() {
|
||||
// 处理自己
|
||||
$('.page2 .myList .top .my .tx').attr('src', res.data.myRank.avatar);
|
||||
$('.page2 .myList .top .my p').text(res.data.myRank.name);
|
||||
$('.page2 .myList .top .my b').text(langReplace(localLang.demoModule.text5) + unitProcessingAr(res.data.myRank.totalNum, 1));
|
||||
$('.page2 .myList .top .my b').text(langReplace(localLang.demoModule.text6) + unitProcessingAr(res.data.myRank.totalNum, 1));
|
||||
$('.page2 .myList .top .my span').text(langReplace(localLang.demoModule.text25) + unitProcessingAr(res.data.myRank.totalGoldNum, 1));
|
||||
// 处理列表
|
||||
$('.page2 .myList .content ul li').remove();
|
||||
@@ -190,7 +190,7 @@ function giftRank() {
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<span>${res.name}</span>
|
||||
<div class="giftInfo">
|
||||
<p>${langReplace(localLang.demoModule.text5)}${unitProcessingAr(res.totalNum, 1)}</p>
|
||||
<p>${langReplace(localLang.demoModule.text6)}${unitProcessingAr(res.totalNum, 1)}</p>
|
||||
<b>${langReplace(localLang.demoModule.text25)}${unitProcessingAr(res.totalGoldNum, 1)}</b>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
BIN
view/molistar/activity/rechargeNew/images/1000.png
Normal file
BIN
view/molistar/activity/rechargeNew/images/1000.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 205 KiB After Width: | Height: | Size: 134 KiB |
BIN
view/molistar/activity/rechargeNew/images/bottomBg.png
Normal file
BIN
view/molistar/activity/rechargeNew/images/bottomBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
BIN
view/molistar/activity/rechargeNew/images/contentBg.png
Normal file
BIN
view/molistar/activity/rechargeNew/images/contentBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1002 KiB After Width: | Height: | Size: 322 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1004 KiB After Width: | Height: | Size: 317 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 490 KiB After Width: | Height: | Size: 420 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 222 KiB After Width: | Height: | Size: 210 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 82 KiB |
BIN
view/molistar/activity/rechargeNew/images/recharge10000-ar.png
Normal file
BIN
view/molistar/activity/rechargeNew/images/recharge10000-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 228 KiB |
BIN
view/molistar/activity/rechargeNew/images/recharge10000.png
Normal file
BIN
view/molistar/activity/rechargeNew/images/recharge10000.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 643 KiB After Width: | Height: | Size: 372 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 641 KiB After Width: | Height: | Size: 368 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 80 KiB |
BIN
view/molistar/activity/rechargeNew/images/recharge5000-ar.png
Normal file
BIN
view/molistar/activity/rechargeNew/images/recharge5000-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
view/molistar/activity/rechargeNew/images/recharge5000.png
Normal file
BIN
view/molistar/activity/rechargeNew/images/recharge5000.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user