Compare commits
161 Commits
withdrawal
...
newYear-20
Author | SHA1 | Date | |
---|---|---|---|
![]() |
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 | ||
![]() |
1b7046d18d | ||
![]() |
92041337ca | ||
![]() |
1b34ca7af5 | ||
![]() |
6d6f2ca54c | ||
![]() |
fad16b329f | ||
![]() |
eac76abd51 | ||
![]() |
57807aac09 | ||
![]() |
a465ef6820 | ||
![]() |
7a6ae994df | ||
![]() |
2a2d75c124 | ||
![]() |
ad66c7f37f | ||
![]() |
85a40558f8 | ||
![]() |
156d956f06 | ||
![]() |
65c2c3c868 | ||
![]() |
79ba36152d | ||
![]() |
03b3d3a6ef | ||
![]() |
bee9f16782 | ||
![]() |
8903855cd9 | ||
![]() |
77b3d815ed | ||
![]() |
373f2c1f19 | ||
![]() |
dd00992336 | ||
![]() |
5306095111 | ||
![]() |
6ccdfd0d62 | ||
![]() |
e031f686e2 | ||
![]() |
8960e9a14b | ||
![]() |
2fd3f19df5 | ||
![]() |
e7703fda55 | ||
![]() |
0e00fc22fc | ||
![]() |
42f4d1398d | ||
![]() |
7f45727107 | ||
![]() |
2abaa57102 | ||
![]() |
021647f8b9 | ||
![]() |
a8c6dcc6ce | ||
![]() |
adb5cbf70d | ||
![]() |
1d7f1bea2a | ||
![]() |
eaa63702ca | ||
![]() |
c32c2202e8 | ||
![]() |
4c4d621ee9 | ||
![]() |
917ae977e9 | ||
![]() |
ed8ea3e5f0 | ||
![]() |
5eeab82f5c | ||
![]() |
1a887dc70d | ||
![]() |
c445772a67 | ||
![]() |
891121ea4e | ||
![]() |
08de8efa12 | ||
![]() |
191e0bbe0d | ||
![]() |
672e738456 | ||
![]() |
80f7205acb | ||
![]() |
7f30c30f92 | ||
![]() |
739e512bbc | ||
![]() |
a363e8d373 | ||
![]() |
58c9e09ea8 | ||
![]() |
22468bdfbc | ||
![]() |
dc7aec7590 | ||
![]() |
7f61d08030 | ||
![]() |
a0d2e78cd4 | ||
![]() |
8390d53cfb | ||
![]() |
cd279cc869 | ||
![]() |
898e9a7a07 | ||
![]() |
be65800ed8 | ||
![]() |
4407ed5926 | ||
![]() |
f63446e4a2 | ||
![]() |
77402a8e0b | ||
![]() |
2b99e05e63 | ||
![]() |
1693131b47 | ||
![]() |
870d220e1e | ||
![]() |
2af6e11cae | ||
![]() |
70ed4423ed | ||
![]() |
5bfb57a10a | ||
![]() |
d7e85d3562 | ||
![]() |
deaf973b3e | ||
![]() |
911f5b4788 | ||
![]() |
584f1acffe | ||
![]() |
dcb3f8c59e | ||
![]() |
8556f6f8de | ||
![]() |
131bc932c2 | ||
![]() |
dc40dbcf55 | ||
![]() |
31a83a7ece | ||
![]() |
2d6cb59568 | ||
![]() |
33b0bdd989 | ||
![]() |
b77ff1a208 | ||
![]() |
2b7e6e03b6 | ||
![]() |
9891bf533a | ||
![]() |
56b8a00b92 | ||
![]() |
cdf647b793 | ||
![]() |
da4ea9537b | ||
![]() |
60a487a1aa | ||
![]() |
642f9ae7c6 | ||
![]() |
4f318a5cab |
1740
view/molistar/activity/2024-cpActive/css/index.css
Normal file
1758
view/molistar/activity/2024-cpActive/css/index.scss
Normal file
BIN
view/molistar/activity/2024-cpActive/images/TimeTitle.png
Normal file
After Width: | Height: | Size: 8.3 KiB |
BIN
view/molistar/activity/2024-cpActive/images/act.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2024-cpActive/images/bo.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
view/molistar/activity/2024-cpActive/images/bootm.png
Normal file
After Width: | Height: | Size: 116 KiB |
BIN
view/molistar/activity/2024-cpActive/images/bottom.png
Normal file
After Width: | Height: | Size: 71 KiB |
BIN
view/molistar/activity/2024-cpActive/images/carousel.png
Normal file
After Width: | Height: | Size: 290 KiB |
BIN
view/molistar/activity/2024-cpActive/images/carouselBoom.png
Normal file
After Width: | Height: | Size: 95 KiB |
BIN
view/molistar/activity/2024-cpActive/images/carouselTitle-ar.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
view/molistar/activity/2024-cpActive/images/carouselTitle-zh.png
Normal file
After Width: | Height: | Size: 60 KiB |
BIN
view/molistar/activity/2024-cpActive/images/carouselTitle.png
Normal file
After Width: | Height: | Size: 58 KiB |
BIN
view/molistar/activity/2024-cpActive/images/carousel_in.png
Normal file
After Width: | Height: | Size: 55 KiB |
BIN
view/molistar/activity/2024-cpActive/images/close.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
view/molistar/activity/2024-cpActive/images/content.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
view/molistar/activity/2024-cpActive/images/header-ar.png
Normal file
After Width: | Height: | Size: 777 KiB |
BIN
view/molistar/activity/2024-cpActive/images/header-zh.png
Normal file
After Width: | Height: | Size: 777 KiB |
BIN
view/molistar/activity/2024-cpActive/images/header.png
Normal file
After Width: | Height: | Size: 776 KiB |
BIN
view/molistar/activity/2024-cpActive/images/liBg.png
Normal file
After Width: | Height: | Size: 85 KiB |
BIN
view/molistar/activity/2024-cpActive/images/love.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
view/molistar/activity/2024-cpActive/images/loveIcon.png
Normal file
After Width: | Height: | Size: 6.8 KiB |
BIN
view/molistar/activity/2024-cpActive/images/loves.png
Normal file
After Width: | Height: | Size: 8.1 KiB |
BIN
view/molistar/activity/2024-cpActive/images/my.png
Normal file
After Width: | Height: | Size: 327 KiB |
BIN
view/molistar/activity/2024-cpActive/images/notOpen.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
view/molistar/activity/2024-cpActive/images/null.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
view/molistar/activity/2024-cpActive/images/open.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
view/molistar/activity/2024-cpActive/images/rule.png
Normal file
After Width: | Height: | Size: 351 KiB |
BIN
view/molistar/activity/2024-cpActive/images/ruleBg.png
Normal file
After Width: | Height: | Size: 277 KiB |
BIN
view/molistar/activity/2024-cpActive/images/ruleTitle.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
view/molistar/activity/2024-cpActive/images/rule_icon.png
Normal file
After Width: | Height: | Size: 7.7 KiB |
BIN
view/molistar/activity/2024-cpActive/images/tab.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
view/molistar/activity/2024-cpActive/images/timeIcon.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/molistar/activity/2024-cpActive/images/top.png
Normal file
After Width: | Height: | Size: 142 KiB |
BIN
view/molistar/activity/2024-cpActive/images/top1.png
Normal file
After Width: | Height: | Size: 222 KiB |
BIN
view/molistar/activity/2024-cpActive/images/top2.png
Normal file
After Width: | Height: | Size: 66 KiB |
BIN
view/molistar/activity/2024-cpActive/images/top3.png
Normal file
After Width: | Height: | Size: 66 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox1-ar.png
Normal file
After Width: | Height: | Size: 582 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox1-zh.png
Normal file
After Width: | Height: | Size: 586 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox1.png
Normal file
After Width: | Height: | Size: 578 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox2-ar.png
Normal file
After Width: | Height: | Size: 405 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox2-zh.png
Normal file
After Width: | Height: | Size: 402 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox2.png
Normal file
After Width: | Height: | Size: 407 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox3-ar.png
Normal file
After Width: | Height: | Size: 400 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox3-zh.png
Normal file
After Width: | Height: | Size: 398 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox3.png
Normal file
After Width: | Height: | Size: 398 KiB |
BIN
view/molistar/activity/2024-cpActive/images/travel/back.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/activity/2024-cpActive/images/travel/backB.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
view/molistar/activity/2024-cpActive/images/travel/backGold.png
Normal file
After Width: | Height: | Size: 810 B |
BIN
view/molistar/activity/2024-cpActive/images/ts1.png
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
view/molistar/activity/2024-cpActive/images/ts23.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
view/molistar/activity/2024-cpActive/images/waiting-ar.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
view/molistar/activity/2024-cpActive/images/waiting-zh.png
Normal file
After Width: | Height: | Size: 60 KiB |
BIN
view/molistar/activity/2024-cpActive/images/waiting.png
Normal file
After Width: | Height: | Size: 59 KiB |
308
view/molistar/activity/2024-cpActive/index.html
Normal file
@@ -0,0 +1,308 @@
|
||||
<!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="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- 头部 -->
|
||||
<div class="header">
|
||||
<!-- 规则Icon -->
|
||||
<div class="rule_icon text2"></div>
|
||||
<!-- 摩天轮 -->
|
||||
<div id="carousel" class="carousel">
|
||||
<img src="./images/carouselTitle.png" alt="" class="carouselTitle img1">
|
||||
<img src="./images/waiting.png" alt="" class="waiting img2">
|
||||
<div class="carousel_in1">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in2">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in3">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in4">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in5">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in6">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 摩天轮底座 -->
|
||||
<img src="./images/carouselBoom.png" alt="" class="carouselBoom">
|
||||
<!-- 倒计时 -->
|
||||
<div class="timeBox">
|
||||
<div class="day">
|
||||
<b>00</b>
|
||||
<span class="text3"></span>
|
||||
</div>
|
||||
<div class="hour">
|
||||
<b>00</b>
|
||||
<span class="text4"></span>
|
||||
</div>
|
||||
<div class="min">
|
||||
<b>00</b>
|
||||
<span class="text5"></span>
|
||||
</div>
|
||||
<div class="sec">
|
||||
<b>00</b>
|
||||
<span class="text6"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 音乐 -->
|
||||
<div class="music">
|
||||
<audio autoplay loop id="musics">
|
||||
<source src="./music/music.mp3" type="audio/mpeg">
|
||||
</audio>
|
||||
</div>
|
||||
<!-- 关闭音乐 -->
|
||||
<img src="./images/notOpen.png" alt="" class="notOpen">
|
||||
</div>
|
||||
<!-- tab -->
|
||||
<div class="tabBox">
|
||||
<div class="text7"></div>
|
||||
<div class="act text8"></div>
|
||||
<div class="text9"></div>
|
||||
</div>
|
||||
<!-- 页面1 -->
|
||||
<div class="page1">
|
||||
<div class="top">
|
||||
<p class="text10"></p>
|
||||
</div>
|
||||
<div class="contentBox">
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times">2024.09.09-2024.09.16</div>
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
</div>
|
||||
<!-- 页面2 -->
|
||||
<div class="page2">
|
||||
<div class="top">
|
||||
<p class="text11"></p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<div class="txL">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>0K</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="more">More</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
<div class="my">
|
||||
<div class="num">4</div>
|
||||
<div class="txL">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>0K</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 页面3 -->
|
||||
<div class="page3">
|
||||
<div class="top">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text12"></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="times text13"></div>
|
||||
<div class="topBox1">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts1" id="ts1"></div>
|
||||
</div>
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text14"></div>
|
||||
<div class="times text15"></div>
|
||||
<div class="topBox2">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts2" id="ts2"></div>
|
||||
</div>
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text16"></div>
|
||||
<div class="times text17"></div>
|
||||
<div class="topBox3">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts3" id="ts3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
</div>
|
||||
<!-- 规则 -->
|
||||
<div class="rule">
|
||||
<div class="ruleIn">
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
<div class="title text18"></div>
|
||||
<div class="texts text19">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- mp4 -->
|
||||
<div class="zjvideo1">
|
||||
<video id="zjvideo1" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj1.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo1">
|
||||
<video id="xzvideo1" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz1.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="zjvideo2">
|
||||
<video id="zjvideo2" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj23.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo2">
|
||||
<video id="xzvideo2" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz2.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="zjvideo3">
|
||||
<video id="zjvideo3" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj23.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo3">
|
||||
<video id="xzvideo3" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz3.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="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
454
view/molistar/activity/2024-cpActive/js/index.js
Normal file
@@ -0,0 +1,454 @@
|
||||
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 thisWeekCpRankTop3 = []
|
||||
var thisWeekCpRank = []
|
||||
var moreIndex = 0;
|
||||
// 初始化函數
|
||||
$(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()
|
||||
get();
|
||||
var audio = document.getElementById("musics");
|
||||
// 尝试自动播放音频
|
||||
audio.play().then(function () {
|
||||
// 如果自动播放成功
|
||||
$('.header .music').show();
|
||||
console.log('成功');
|
||||
}).catch(function (error) {
|
||||
$('.header .notOpen').show();
|
||||
console.log('失败');
|
||||
})
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||||
$('.text2').text(langReplace(localLang.demoModule.text2));
|
||||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').text(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').text(langReplace(localLang.demoModule.text7));
|
||||
$('.text8').text(langReplace(localLang.demoModule.text8));
|
||||
$('.text9').text(langReplace(localLang.demoModule.text9));
|
||||
$('.text10').text(langReplace(localLang.demoModule.text10));
|
||||
$('.text11').text(langReplace(localLang.demoModule.text11));
|
||||
$('.text12').text(langReplace(localLang.demoModule.text12));
|
||||
$('.text13').text(langReplace(localLang.demoModule.text13));
|
||||
$('.text14').text(langReplace(localLang.demoModule.text14));
|
||||
$('.text15').text(langReplace(localLang.demoModule.text15));
|
||||
$('.text16').text(langReplace(localLang.demoModule.text16));
|
||||
$('.text17').text(langReplace(localLang.demoModule.text17));
|
||||
$('.text18').text(langReplace(localLang.demoModule.text18));
|
||||
$('.img1').attr('src', langReplace(localLang.demoModule.img1));
|
||||
$('.img2').attr('src', langReplace(localLang.demoModule.img2));
|
||||
}
|
||||
// 处理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('ts1', './svga/ts1.svga');
|
||||
loadSVGA('ts2', './svga/ts2.svga');
|
||||
loadSVGA('ts3', './svga/ts3.svga');
|
||||
});
|
||||
// 接口
|
||||
function get() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/h5/cp/rank',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 渲染倒计时
|
||||
countup(res.data.endTime - res.timestamp);
|
||||
// 判断渲染规则
|
||||
if (res.data.partitionId == 2) {
|
||||
$('.text19').html(langReplace(localLang.demoModule.text199));
|
||||
} else {
|
||||
$('.text19').html(langReplace(localLang.demoModule.text19));
|
||||
}
|
||||
//处理自己榜单
|
||||
$('.page2 .my .num').text(res.data.myCpRank.rank ? res.data.myCpRank.rank : '-');
|
||||
$('.page2 .my .txL img').attr('src', res.data.myCpRank.leftAvatar);
|
||||
$('.page2 .my .txL p').text(res.data.myCpRank.leftNick);
|
||||
$('.page2 .my .scores').html(`<img src="./images/love.png" alt=""> ${unitProcessingAr(res.data.myCpRank.totalNum, 2)}`)
|
||||
$('.page2 .my .txR img').attr('src', res.data.myCpRank.rightAvatar ? res.data.myCpRank.rightAvatar : './images/null.png');
|
||||
$('.page2 .my .txR p').text(res.data.myCpRank.rightNick ? res.data.myCpRank.rightNick : langReplace(localLang.demoModule.text20));
|
||||
// 处理摩天轮榜单
|
||||
res.data.topCpList.length <= 0 ? $('.waiting').show() : $('.waiting').hide();
|
||||
res.data.topCpList.forEach((res, i) => {
|
||||
$(`.header .carousel .carousel_in${i + 1} .tx1`).attr("src", res.leftAvatar);
|
||||
$(`.header .carousel .carousel_in${i + 1} .tx2`).attr("src", res.rightAvatar);
|
||||
})
|
||||
// 处理第一个tab的榜单
|
||||
$('.contentBox .content').remove();
|
||||
var squareCpListStr = '';
|
||||
if (res.data.squareCpList.length > 0) {
|
||||
res.data.squareCpList.forEach((res, i) => {
|
||||
squareCpListStr += `
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times">${dateFormat(res.beginDate, 'yyyy.MM.dd')}-${dateFormat(res.endDate, 'yyyy.MM.dd')}</div>
|
||||
<div class="topBox">${squareCpListStrFun(res.cpUserVos)}</div>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
} else {
|
||||
squareCpListStr += `
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times"></div>
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
}
|
||||
$('.contentBox').append(squareCpListStr);
|
||||
// 处理第二个榜单
|
||||
// thisWeekCpRankTop3 = splitArray(res.data.thisWeekCpRank).firstThree;
|
||||
thisWeekCpRank = splitArray(res.data.thisWeekCpRank).pages;
|
||||
// 处理前三
|
||||
var listTo3 = thisWeekCpRank[0] ? thisWeekCpRank[0].slice(0, 3) : [];
|
||||
if (listTo3.length < 3) {
|
||||
let arr = new Array(3 - listTo3.length).fill({
|
||||
leftAvatar: './images/null.png',
|
||||
rightAvatar: './images/null.png',
|
||||
leftNick: langReplace(localLang.demoModule.text20),
|
||||
rightNick: langReplace(localLang.demoModule.text20),
|
||||
leftErbanNo: "",
|
||||
rightErbanNo: "",
|
||||
totalNum: "-"
|
||||
})
|
||||
listTo3.push(...arr)
|
||||
}
|
||||
listTo3.forEach((res, i) => {
|
||||
$(`.page2 .content .topBox .top${i + 1} .txL`).attr('src', res.leftAvatar);
|
||||
$(`.page2 .content .topBox .top${i + 1} .txR`).attr('src', res.rightAvatar);
|
||||
$(`.page2 .content .topBox .top${i + 1} .nameL`).text(res.leftNick);
|
||||
$(`.page2 .content .topBox .top${i + 1} .nameR`).text(res.rightNick);
|
||||
$(`.page2 .content .topBox .top${i + 1} .idL`).text(res.leftErbanNo == "" ? "" : 'ID:' + res.leftErbanNo);
|
||||
$(`.page2 .content .topBox .top${i + 1} .idR`).text(res.rightErbanNo == "" ? "" : 'ID:' + res.rightErbanNo);
|
||||
$(`.page2 .content .topBox .top${i + 1} .sclore`).html(`<img src="./images/love.png" alt="">${res.totalNum == '-' ? '-' : unitProcessingAr(res.totalNum, 2)}`)
|
||||
})
|
||||
// 非前三
|
||||
$('.page2 .content ul li').remove();
|
||||
listFun();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 点击加载更多
|
||||
$('.page2 .content .more').click(function () {
|
||||
moreIndex = moreIndex + 1;
|
||||
listFun();
|
||||
})
|
||||
// 渲染第二非前三函数
|
||||
function listFun() {
|
||||
var str = '';
|
||||
if (thisWeekCpRank[moreIndex]) {
|
||||
var arr = moreIndex == 0 ? thisWeekCpRank[moreIndex].slice(3) : thisWeekCpRank[moreIndex];
|
||||
arr.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.rank}</div>
|
||||
<div class="txL">
|
||||
<img src="${res.leftAvatar}" alt="">
|
||||
<p>${res.leftNick}</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="${res.rightAvatar}" alt="">
|
||||
<p>${res.rightNick}</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>${unitProcessingAr(res.totalNum, 2)}</span>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page2 .content ul').append(str);
|
||||
if (thisWeekCpRank[moreIndex].length < 10) {
|
||||
$('.page2 .content .more').hide();
|
||||
}
|
||||
} else {
|
||||
$('.page2 .content .more').hide();
|
||||
}
|
||||
}
|
||||
function squareCpListStrFun(arr) {
|
||||
var str = '';
|
||||
var listTo3 = arr.slice(0, 3);
|
||||
if (listTo3.length < 3) {
|
||||
let arr = new Array(3 - listTo3.length).fill({
|
||||
leftAvatar: './images/null.png',
|
||||
rightAvatar: './images/null.png',
|
||||
leftNick: langReplace(localLang.demoModule.text20),
|
||||
rightNick: langReplace(localLang.demoModule.text20),
|
||||
leftErbanNo: "",
|
||||
rightErbanNo: "",
|
||||
totalNum: "-"
|
||||
})
|
||||
listTo3.push(...arr)
|
||||
}
|
||||
listTo3.forEach((res, i) => {
|
||||
str += `
|
||||
<div class="top${i + 1}">
|
||||
<img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsL">
|
||||
<img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsR">
|
||||
<img src="${res.leftAvatar}" alt="" class="txL">
|
||||
<img src="${res.rightAvatar}" alt="" class="txR">
|
||||
<div class="nameL">${res.leftNick}</div>
|
||||
<div class="nameR">${res.rightNick}</div>
|
||||
<div class="idL">${res.leftErbanNo == "" ? '' : "ID:" + res.leftErbanNo}</div>
|
||||
<div class="idR">${res.rightErbanNo == "" ? '' : "ID:" + res.rightErbanNo}</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">${res.totalNum == "-" ? '-' : unitProcessingAr(res.totalNum, 2)}</div>
|
||||
</div>
|
||||
`})
|
||||
return str;
|
||||
}
|
||||
function splitArray(arr) {
|
||||
// 获取前三个元素
|
||||
// const firstThree = arr.slice(0, 3);
|
||||
|
||||
// // 剩余的元素
|
||||
// const remainingElements = arr.slice(3);
|
||||
const remainingElements = arr;
|
||||
// 将剩余元素每10个分成一组
|
||||
const pages = [];
|
||||
for (let i = 0; i < remainingElements.length; i += 10) {
|
||||
const chunk = remainingElements.slice(i, i + 10);
|
||||
pages.push(chunk);
|
||||
}
|
||||
|
||||
// return { firstThree, pages };
|
||||
return { pages };
|
||||
}
|
||||
// 倒計時
|
||||
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中
|
||||
$('.header .timeBox .day b').text(d);
|
||||
$('.header .timeBox .hour b').text(h);
|
||||
$('.header .timeBox .min b').text(m);
|
||||
$('.header .timeBox .sec b').text(s);
|
||||
} else {
|
||||
get();
|
||||
}
|
||||
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;
|
||||
}
|
||||
// 打开音乐
|
||||
$('.header .music').click(function () {
|
||||
$('.header .music').hide();
|
||||
$('.header .notOpen').show();
|
||||
var audio = document.getElementById("musics");
|
||||
audio.pause();
|
||||
})
|
||||
// 关闭音乐
|
||||
$('.header .notOpen').click(function () {
|
||||
$('.header .notOpen').hide();
|
||||
$('.header .music').show();
|
||||
var audio = document.getElementById("musics");
|
||||
audio.play();
|
||||
})
|
||||
// tab切换
|
||||
$('.tabBox div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act')
|
||||
$('.page1,.page2,.page3').hide();
|
||||
$(`.page${i}`).show();
|
||||
})
|
||||
// 关闭规则
|
||||
$('.header .rule_icon').click(function () {
|
||||
$('.rule').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 关闭规则
|
||||
$('.rule .ruleIn .close').click(function () {
|
||||
$('.rule').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox1 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo1');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo1').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox1 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo1');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo1').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox2 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo2');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo2').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox2 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo2');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo2').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox3 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo3');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo3').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox3 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo3');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo3').show();
|
||||
})
|
||||
// 关闭mp4弹窗
|
||||
$('.zjvideo1 .close,.xzvideo1 .close,.zjvideo2 .close,.xzvideo2 .close,.zjvideo3 .close,.xzvideo3 .close').click(function () {
|
||||
var video = document.getElementById('zjvideo1');
|
||||
var video1 = document.getElementById('xzvideo1');
|
||||
var video2 = document.getElementById('zjvideo2');
|
||||
var video3 = document.getElementById('xzvideo2');
|
||||
var video4 = document.getElementById('zjvideo3');
|
||||
var video5 = document.getElementById('xzvideo3');
|
||||
video.pause();
|
||||
video1.pause();
|
||||
video2.pause();
|
||||
video3.pause();
|
||||
video4.pause();
|
||||
video5.pause();
|
||||
bodyScroolFun(false);
|
||||
$('.zjvideo1,.xzvideo1,.zjvideo2,.xzvideo2,.zjvideo3,.xzvideo3').hide();
|
||||
})
|
46
view/molistar/activity/2024-cpActive/js/wow.js
Normal file
@@ -0,0 +1,46 @@
|
||||
var baba = document.querySelector('body');
|
||||
baba.addEventListener('click', function (e) {
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "hidden" });
|
||||
tianJia(e);
|
||||
})
|
||||
|
||||
var erZi = [];
|
||||
function tianJia (e) {
|
||||
var sunZi = document.createElement('div');
|
||||
sunZi.className = 'rabbit';
|
||||
// sunZi.innerHTML = '<i class="iconfont icon-tuzi"></i>';
|
||||
sunZi.innerHTML = '<img src="./images/loveIcon.png" alt="">';
|
||||
baba.appendChild(sunZi);
|
||||
erZi.push({
|
||||
el: sunZi,
|
||||
top: e.pageY - 30,
|
||||
left: e.pageX - 20,
|
||||
opacity: 1,
|
||||
scale: 1,
|
||||
color: `rgb(${255 * Math.random()},${255 * Math.random()},${255 * Math.random()})`
|
||||
});
|
||||
move();
|
||||
};
|
||||
function move () {
|
||||
for (var i = 0; i < erZi.length; i++) {
|
||||
if (erZi[i].opacity <= 0) {
|
||||
baba.removeChild(erZi[i].el);
|
||||
erZi.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
erZi[i].top--;
|
||||
erZi[i].opacity = erZi[i].opacity - 0.02;
|
||||
// erZi[i].scale = erZi[i].scale + 0.0001;
|
||||
erZi[i].el.style.cssText = `
|
||||
top: ${erZi[i].top}px;
|
||||
left: ${erZi[i].left}px;
|
||||
color: ${erZi[i].color};
|
||||
opacity: ${erZi[i].opacity};
|
||||
transform: scale(${erZi[i].scale});
|
||||
position: absolute;
|
||||
`
|
||||
|
||||
}
|
||||
window.requestAnimationFrame(move);
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" });
|
||||
}
|
44
view/molistar/activity/2024-cpActive/local/ar.js
Normal file
@@ -0,0 +1,44 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جاري التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `عجلة الحب`,
|
||||
text2: `القواعد`,
|
||||
text3: `يوم`,
|
||||
text4: `ساعة`,
|
||||
text5: `دقيقة`,
|
||||
text6: `ثانية`,
|
||||
text7: `ساحة CP`,
|
||||
text8: `قائمة CP`,
|
||||
text9: `جوائز CP`,
|
||||
text10: `سيتم عرض أفضل ثلاثة مستخدمين في القائمة التاريخية هنا`,
|
||||
text11: `أرسل هدايا CP وقد تكون أنت وشريكك في القائمة!`,
|
||||
text12: `TOP1`,
|
||||
text13: `يمكن للمستخدم الأول في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text14: `TOP2`,
|
||||
text15: `يمكن للمستخدم الثاني في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text16: `TOP3`,
|
||||
text17: `يمكن للمستخدم الثالث في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text18: `القواعد`,
|
||||
text19: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+8)</p>
|
||||
<p>2. أرسل هدية CP المحددة لتصبح CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
|
||||
<p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
|
||||
<p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
|
||||
<p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
|
||||
text199: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+3)</p>
|
||||
<p>2. أرسل هدية CP المحددة لتصبح CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
|
||||
<p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
|
||||
<p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
|
||||
<p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
|
||||
img1: `./images/carouselTitle-ar.png`,
|
||||
img2: `./images/waiting-ar.png`,
|
||||
text20: `شاغر`,
|
||||
}
|
||||
}
|
42
view/molistar/activity/2024-cpActive/local/en.js
Normal file
@@ -0,0 +1,42 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1: `Love Ferris wheel`,
|
||||
text2: `Rules`,
|
||||
text3: `Day`,
|
||||
text4: `Hour`,
|
||||
text5: `Min`,
|
||||
text6: `Sec`,
|
||||
text7: `CP Square`,
|
||||
text8: `CP List`,
|
||||
text9: `CP Rewards`,
|
||||
text10: `Top three users on the history list will be displayed here`,
|
||||
text11: `Send CP gifts and you and your love may be on the list!`,
|
||||
text12: `TOP1`,
|
||||
text13: `Top 1 user on the weekly list can get the following rewards`,
|
||||
text14: `TOP2`,
|
||||
text15: `Top 2 user on the weekly list can get the following rewards`,
|
||||
text16: `TOP3`,
|
||||
text17: `Top 3 user on the weekly list can get the following rewards`,
|
||||
text18: `Rules`,
|
||||
text19: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+8)</p>
|
||||
<p>2. Send the designated CP gift to become CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
|
||||
<p>4. The top three users on the weekly statistical list will get generous gifts.</p>
|
||||
<p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
|
||||
<p>6. Recharge agent users do not participate in this event.</p>`,
|
||||
text199: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+3)</p>
|
||||
<p>2 Send the designated CP gift to become CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
|
||||
<p>4. The top three users on the weekly statistical list will get generous gifts.</p>
|
||||
<p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
|
||||
<p>6. Recharge agent users do not participate in this event.</p>`,
|
||||
img1: `./images/carouselTitle.png`,
|
||||
img2: `./images/waiting.png`,
|
||||
text20: `Vacant`,
|
||||
},
|
||||
}
|
44
view/molistar/activity/2024-cpActive/local/zh.js
Normal file
@@ -0,0 +1,44 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加载中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `网络错误`,
|
||||
text1: `愛情摩天輪`,
|
||||
text2: `規則`,
|
||||
text3: `天`,
|
||||
text4: `小時`,
|
||||
text5: `分鐘`,
|
||||
text6: `秒`,
|
||||
text7: `CP廣場`,
|
||||
text8: `CP榜單`,
|
||||
text9: `CP獎勵`,
|
||||
text10: `排行榜前三的用戶將顯示在這裡`,
|
||||
text11: `送CP禮物,你和你的愛人可能會上榜哦!`,
|
||||
text12: `TOP1`,
|
||||
text13: `周榜第1名的用戶可獲得以下獎勵`,
|
||||
text14: `TOP2`,
|
||||
text15: `周榜第2名的用戶可獲得以下獎勵`,
|
||||
text16: `TOP3`,
|
||||
text17: `周榜第3名的用戶可獲得以下獎勵`,
|
||||
text18: `規則`,
|
||||
text19: `<p>1. 活動時間:星期一 0:00-星期日 23:59(GMT+8)</p>
|
||||
<p>2. 發送指定的CP禮物以成為CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多,獲得的愛值也越多。</p>
|
||||
<p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
|
||||
<p>5. 移除您的CP關係後,您將不再出現在CP名單上。</p>
|
||||
<p>6. 充值代理用戶不參加此活動。</p>`,
|
||||
text199: `<p>1. 活動時間:星期一 0:00-星期日 23:59(GMT+3)</p>
|
||||
<p>2. 發送指定的CP禮物以成為CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多,獲得的愛值也越多。</p>
|
||||
<p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
|
||||
<p>5. 移除您的CP關係後,您將不再出現在CP名單上。</p>
|
||||
<p>6. 充值代理用戶不參加此活動。</p>`,
|
||||
img1: `./images/carouselTitle-zh.png`,
|
||||
img2: `./images/waiting-zh.png`,
|
||||
text20: `虛位以待`,
|
||||
}
|
||||
}
|
BIN
view/molistar/activity/2024-cpActive/mp4/topBox1.png
Normal file
After Width: | Height: | Size: 2.9 MiB |
BIN
view/molistar/activity/2024-cpActive/mp4/topBox2.png
Normal file
After Width: | Height: | Size: 2.0 MiB |
BIN
view/molistar/activity/2024-cpActive/mp4/topBox3.png
Normal file
After Width: | Height: | Size: 2.0 MiB |
BIN
view/molistar/activity/2024-cpActive/mp4/xz1.mp4
Normal file
BIN
view/molistar/activity/2024-cpActive/mp4/xz2.mp4
Normal file
BIN
view/molistar/activity/2024-cpActive/mp4/xz3.mp4
Normal file
BIN
view/molistar/activity/2024-cpActive/mp4/zj1.mp4
Normal file
BIN
view/molistar/activity/2024-cpActive/mp4/zj23.mp4
Normal file
BIN
view/molistar/activity/2024-cpActive/music/music.mp3
Normal file
BIN
view/molistar/activity/2024-cpActive/svga/ts1.svga
Normal file
BIN
view/molistar/activity/2024-cpActive/svga/ts2.svga
Normal file
BIN
view/molistar/activity/2024-cpActive/svga/ts3.svga
Normal file
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 8.7 KiB |
Before Width: | Height: | Size: 3.5 MiB After Width: | Height: | Size: 3.6 MiB |
After Width: | Height: | Size: 110 KiB |
Before Width: | Height: | Size: 142 KiB After Width: | Height: | Size: 129 KiB |
After Width: | Height: | Size: 45 KiB |
Before Width: | Height: | Size: 610 KiB After Width: | Height: | Size: 503 KiB |
Before Width: | Height: | Size: 666 KiB After Width: | Height: | Size: 522 KiB |
After Width: | Height: | Size: 512 KiB |
Before Width: | Height: | Size: 673 KiB After Width: | Height: | Size: 569 KiB |
Before Width: | Height: | Size: 461 KiB After Width: | Height: | Size: 146 KiB |
Before Width: | Height: | Size: 506 KiB After Width: | Height: | Size: 166 KiB |
After Width: | Height: | Size: 156 KiB |
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
@@ -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%;`,
|
||||
|
938
view/molistar/activity/2024-newYear/css/index.css
Normal file
@@ -0,0 +1,938 @@
|
||||
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.53333rem;
|
||||
}
|
||||
|
||||
.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%;
|
||||
}
|
952
view/molistar/activity/2024-newYear/css/index.scss
Normal file
@@ -0,0 +1,952 @@
|
||||
@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: px2rem(-40);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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%;
|
||||
}
|
||||
}
|
BIN
view/molistar/activity/2024-newYear/images/actTab.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2024-newYear/images/bo.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/activity/2024-newYear/images/bottomBg.png
Normal file
After Width: | Height: | Size: 6.0 KiB |
BIN
view/molistar/activity/2024-newYear/images/box.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
view/molistar/activity/2024-newYear/images/close.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
view/molistar/activity/2024-newYear/images/contentBg.png
Normal file
After Width: | Height: | Size: 695 B |