Compare commits
72 Commits
Author | SHA1 | Date | |
---|---|---|---|
![]() |
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 | ||
![]() |
090edcbaf2 | ||
![]() |
a923e32a29 | ||
![]() |
70ef4a6086 | ||
![]() |
63d5fb3e43 | ||
![]() |
0027331d6d | ||
![]() |
d36dbd7d09 | ||
![]() |
bb442ae251 | ||
![]() |
273361001e | ||
![]() |
f1cf5ccdba | ||
![]() |
77a3bea3ef | ||
![]() |
07db8f5c66 |
1722
view/molistar/activity/2024-cpActive/css/index.css
Normal file
1740
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: 583 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox1-zh.png
Normal file
After Width: | Height: | Size: 583 KiB |
BIN
view/molistar/activity/2024-cpActive/images/topBox1.png
Normal file
After Width: | Height: | Size: 581 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
@@ -840,6 +840,10 @@ function langCodeFun(langCode) {
|
||||
|
||||
} else if (langCode == "en") {
|
||||
document.body.classList.add('english');
|
||||
} else if (langCode == "tr") {
|
||||
document.body.classList.add('Turkiye');
|
||||
} else if (langCode == "zh") {
|
||||
document.body.classList.add('china');
|
||||
}
|
||||
// if (window.location.href.match(/guildAr/)) {
|
||||
// document.documentElement.setAttribute("dir", "ltr");
|
||||
|
@@ -35,9 +35,13 @@ function initLocalLang () {
|
||||
window.lang.defaults = false
|
||||
}else if (lang === 'tr' || window.location.href.match('=tr')) {
|
||||
// 土耳其
|
||||
console.log("langHandler" + '土耳其')
|
||||
window.lang = langTr
|
||||
window.lang.code = 'tr'
|
||||
// console.log("langHandler" + '土耳其')
|
||||
// window.lang = langTr
|
||||
// window.lang.code = 'tr'
|
||||
// window.lang.defaults = false
|
||||
console.log("langHandler" + '英语/土耳其')
|
||||
window.lang = langEn
|
||||
window.lang.code = 'en'
|
||||
window.lang.defaults = false
|
||||
} else {
|
||||
console.log("langHandler" + '默认英语')
|
||||
|
850
view/molistar/modules/dailyConsumption/css/index.css
Normal file
@@ -0,0 +1,850 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #290C05;
|
||||
}
|
||||
|
||||
.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: 12.53333rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header .rule_icon {
|
||||
width: 1.86667rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.6rem;
|
||||
background: url(../images/rule_cion.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFED70;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 5.49333rem;
|
||||
right: 0rem;
|
||||
text-align: center;
|
||||
text-indent: 2px;
|
||||
}
|
||||
|
||||
.header .timeBox {
|
||||
width: 7.16rem;
|
||||
height: 1.62667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.66667rem;
|
||||
position: absolute;
|
||||
top: 8.48rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header .timeBox div {
|
||||
width: 1.33333rem;
|
||||
height: 1.33333rem;
|
||||
background: url(../images/time.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 1.33333rem;
|
||||
}
|
||||
|
||||
.header .timeBox div b {
|
||||
color: #FFED70;
|
||||
font-size: 0.58667rem;
|
||||
font-weight: 600;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
|
||||
.header .timeBox div span {
|
||||
width: 2.4rem;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.54667rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
font-family: PingFang SC;
|
||||
background: url(../images/timeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.header .timeBox .day {
|
||||
margin-right: 0.78667rem;
|
||||
}
|
||||
|
||||
.header .timeBox .colon {
|
||||
width: 0.21333rem;
|
||||
height: 0.53333rem;
|
||||
background: url(../images/colon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 0.22667rem;
|
||||
margin-top: 0.54667rem;
|
||||
}
|
||||
|
||||
.myBox {
|
||||
width: 10rem;
|
||||
height: 8.05333rem;
|
||||
background: url(../images/box.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -1.1rem auto 0.46667rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.myBox .ts {
|
||||
width: 1.70667rem;
|
||||
height: 1.70667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.44rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.myBox .tx {
|
||||
width: 1.70667rem;
|
||||
height: 1.70667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.44rem;
|
||||
z-index: 1;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.myBox .name {
|
||||
width: 4.8rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 4.28rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.myBox .lineBox {
|
||||
width: 8.26667rem;
|
||||
height: 0.21333rem;
|
||||
border-radius: 0.21333rem;
|
||||
background: #824115;
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.85333rem;
|
||||
border-radius: 0.21333rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .line {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: linear-gradient(90deg, #FBF392, #FCB41B);
|
||||
border-radius: 0.21333rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .boxs {
|
||||
width: 0.82667rem;
|
||||
height: 0.82667rem;
|
||||
background: url(../images/false.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.myBox .lineBox .boxs span {
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
top: -0.66667rem;
|
||||
display: flex;
|
||||
color: #FFED70;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.myBox .lineBox .boxs span img {
|
||||
display: block;
|
||||
width: 0.45333rem;
|
||||
height: 0.45333rem;
|
||||
margin: 0 0.06667rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .box1 {
|
||||
left: 2rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .box2 {
|
||||
left: 4.52rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .box3 {
|
||||
right: 0rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .act {
|
||||
background: url(../images/true.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.myBox .tetxBox {
|
||||
width: 8.26667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: 6.4rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #FFED70;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.myBox .tetxBox .left {
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
|
||||
.myBox .tetxBox .rirgt {
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 9.73333rem;
|
||||
height: 1.33333rem;
|
||||
margin: 0 auto 0.41333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.tab div {
|
||||
width: 4.8rem;
|
||||
height: 1.33333rem;
|
||||
line-height: 1.33333rem;
|
||||
text-align: center;
|
||||
color: #EBC9B2;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab .tabbox {
|
||||
background: url(../images/tab2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab .act {
|
||||
color: #290C05;
|
||||
background: url(../images/act.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab .act2 {
|
||||
color: #290C05;
|
||||
background: url(../images/tabact2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content1 {
|
||||
width: 10rem;
|
||||
height: auto;
|
||||
margin: 0 auto 0.41333rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox1,
|
||||
.content1 .contentBox2,
|
||||
.content1 .contentBox3 {
|
||||
width: 100%;
|
||||
height: 16.58667rem;
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.53333rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .title,
|
||||
.content1 .contentBox2 .title,
|
||||
.content1 .contentBox3 .title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
width: 5.22667rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .title span,
|
||||
.content1 .contentBox2 .title span,
|
||||
.content1 .contentBox3 .title span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .title img,
|
||||
.content1 .contentBox2 .title img,
|
||||
.content1 .contentBox3 .title img {
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 0.06667rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .box,
|
||||
.content1 .contentBox2 .box,
|
||||
.content1 .contentBox3 .box {
|
||||
width: 8.93333rem;
|
||||
height: 10.66667rem;
|
||||
margin: 2.10667rem auto 0.13333rem;
|
||||
background: url(../images/700.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .box .ts,
|
||||
.content1 .contentBox2 .box .ts,
|
||||
.content1 .contentBox3 .box .ts {
|
||||
width: 2.13333rem;
|
||||
height: 2.13333rem;
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 5.9rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .box .zj,
|
||||
.content1 .contentBox2 .box .zj,
|
||||
.content1 .contentBox3 .box .zj {
|
||||
width: 5.2rem;
|
||||
height: 8.5rem;
|
||||
position: absolute;
|
||||
left: 0.35rem;
|
||||
top: 0.3rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .box .zj canvas,
|
||||
.content1 .contentBox2 .box .zj canvas,
|
||||
.content1 .contentBox3 .box .zj canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinners,
|
||||
.content1 .contentBox2 .priorityWinners,
|
||||
.content1 .contentBox3 .priorityWinners {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.36rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinnersBox,
|
||||
.content1 .contentBox2 .priorityWinnersBox,
|
||||
.content1 .contentBox3 .priorityWinnersBox {
|
||||
height: 1.6rem;
|
||||
width: 83%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinnersBox div,
|
||||
.content1 .contentBox2 .priorityWinnersBox div,
|
||||
.content1 .contentBox3 .priorityWinnersBox div {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinnersBox div img,
|
||||
.content1 .contentBox2 .priorityWinnersBox div img,
|
||||
.content1 .contentBox3 .priorityWinnersBox div img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: 0.04rem #FFED70 solid;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinnersBox div span,
|
||||
.content1 .contentBox2 .priorityWinnersBox div span,
|
||||
.content1 .contentBox3 .priorityWinnersBox div span {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.6rem;
|
||||
height: 0.4rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox2 .box {
|
||||
background: url(../images/350.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content1 .contentBox3 .box {
|
||||
background: url(../images/70.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content2 {
|
||||
width: 10rem;
|
||||
height: auto;
|
||||
margin: 0 auto 0.41333rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content2 .contentBox1,
|
||||
.content2 .contentBox2,
|
||||
.content2 .contentBox3 {
|
||||
width: 100%;
|
||||
height: 16.58667rem;
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.53333rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .title,
|
||||
.content2 .contentBox2 .title,
|
||||
.content2 .contentBox3 .title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
width: 5.22667rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .title span,
|
||||
.content2 .contentBox2 .title span,
|
||||
.content2 .contentBox3 .title span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .title img,
|
||||
.content2 .contentBox2 .title img,
|
||||
.content2 .contentBox3 .title img {
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 0.06667rem;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box,
|
||||
.content2 .contentBox2 .box,
|
||||
.content2 .contentBox3 .box {
|
||||
width: 8.93333rem;
|
||||
height: 10.66667rem;
|
||||
margin: 2.10667rem auto 0.13333rem;
|
||||
background: url(../images/7.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .ts,
|
||||
.content2 .contentBox2 .box .ts,
|
||||
.content2 .contentBox3 .box .ts {
|
||||
width: 2.13333rem;
|
||||
height: 2.13333rem;
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 3.6rem;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .zj,
|
||||
.content2 .contentBox2 .box .zj,
|
||||
.content2 .contentBox3 .box .zj {
|
||||
width: 5.2rem;
|
||||
height: 8.5rem;
|
||||
position: absolute;
|
||||
left: 0.35rem;
|
||||
top: 0.3rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .zj canvas,
|
||||
.content2 .contentBox2 .box .zj canvas,
|
||||
.content2 .contentBox3 .box .zj canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .zjIcon,
|
||||
.content2 .contentBox2 .box .zjIcon,
|
||||
.content2 .contentBox3 .box .zjIcon {
|
||||
width: 0.61333rem;
|
||||
height: 0.61333rem;
|
||||
position: absolute;
|
||||
left: 2.6rem;
|
||||
top: 8.94667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .xzIcon,
|
||||
.content2 .contentBox2 .box .xzIcon,
|
||||
.content2 .contentBox3 .box .xzIcon {
|
||||
width: 0.61333rem;
|
||||
height: 0.61333rem;
|
||||
position: absolute;
|
||||
right: 1.2rem;
|
||||
top: 8.94667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinners,
|
||||
.content2 .contentBox2 .priorityWinners,
|
||||
.content2 .contentBox3 .priorityWinners {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.36rem;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinnersBox,
|
||||
.content2 .contentBox2 .priorityWinnersBox,
|
||||
.content2 .contentBox3 .priorityWinnersBox {
|
||||
height: 1.6rem;
|
||||
width: 83%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinnersBox div,
|
||||
.content2 .contentBox2 .priorityWinnersBox div,
|
||||
.content2 .contentBox3 .priorityWinnersBox div {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinnersBox div img,
|
||||
.content2 .contentBox2 .priorityWinnersBox div img,
|
||||
.content2 .contentBox3 .priorityWinnersBox div img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: 0.04rem #FFED70 solid;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinnersBox div span,
|
||||
.content2 .contentBox2 .priorityWinnersBox div span,
|
||||
.content2 .contentBox3 .priorityWinnersBox div span {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.6rem;
|
||||
}
|
||||
|
||||
.content2 .contentBox2 .box {
|
||||
background: url(../images/3500.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content2 .contentBox3 .box {
|
||||
background: url(../images/210.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content2 .contentBox3 .box .ts {
|
||||
top: 5.9rem;
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
opacity: 0.6;
|
||||
margin-bottom: 0.53333rem;
|
||||
}
|
||||
|
||||
.video,
|
||||
.video2,
|
||||
.video3 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video video,
|
||||
.video2 video,
|
||||
.video3 video {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.video .close,
|
||||
.video2 .close,
|
||||
.video3 .close {
|
||||
width: 0.90667rem;
|
||||
height: 0.90667rem;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
right: 0.93333rem;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.rule {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rule .rule_in {
|
||||
width: 9.33333rem;
|
||||
height: 11.06667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rule .rule_in .close {
|
||||
width: 0.88rem;
|
||||
height: 0.88rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -0.93333rem;
|
||||
}
|
||||
|
||||
.rule .rule_in .title {
|
||||
width: 4.66667rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
top: -0.16rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/ruleTitle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rule .rule_in .box {
|
||||
width: 7.53333rem;
|
||||
height: 8rem;
|
||||
position: absolute;
|
||||
top: 2.36rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.rule .rule_in .box::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rule .rule_in .box p {
|
||||
color: #FFED70;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.53333rem;
|
||||
margin-bottom: 0.45333rem;
|
||||
}
|
||||
|
||||
.arabic .header {
|
||||
background: url(../images/header-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .myBox .tetxBox {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox1 .box {
|
||||
background: url(../images/700ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox1 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox2 .box {
|
||||
background: url(../images/350ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox2 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox3 .box {
|
||||
background: url(../images/70ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox3 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox1 .box {
|
||||
background: url(../images/7ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox1 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox2 .box {
|
||||
background: url(../images/3500ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox2 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox3 .box {
|
||||
background: url(../images/210ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox3 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.china .header {
|
||||
background: url(../images/header-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content1 .contentBox1 .box {
|
||||
background: url(../images/700-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content1 .contentBox2 .box {
|
||||
background: url(../images/350-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content1 .contentBox3 .box {
|
||||
background: url(../images/70-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content2 .contentBox1 .box {
|
||||
background: url(../images/7-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content2 .contentBox2 .box {
|
||||
background: url(../images/3500-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content2 .contentBox3 .box {
|
||||
background: url(../images/210-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
821
view/molistar/modules/dailyConsumption/css/index.scss
Normal file
@@ -0,0 +1,821 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #290C05;
|
||||
}
|
||||
|
||||
.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(940);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
|
||||
.rule_icon {
|
||||
width: px2rem(140);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(45);
|
||||
background: url(../images/rule_cion.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: px2rem(412);
|
||||
right: px2rem(0);
|
||||
text-align: center;
|
||||
text-indent: 2px;
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
width: 7.16rem;
|
||||
height: px2rem(122);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(50);
|
||||
position: absolute;
|
||||
top: px2rem(636);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(100);
|
||||
height: px2rem(100);
|
||||
background: url(../images/time.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: px2rem(100);
|
||||
|
||||
b {
|
||||
color: #FFED70;
|
||||
font-size: px2rem(44);
|
||||
font-weight: 600;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
|
||||
span {
|
||||
width: px2rem(180);
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-41);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
font-family: PingFang SC;
|
||||
background: url(../images/timeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.day {
|
||||
margin-right: px2rem(59);
|
||||
}
|
||||
|
||||
.colon {
|
||||
width: px2rem(16);
|
||||
height: px2rem(40);
|
||||
background: url(../images/colon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 px2rem(17);
|
||||
margin-top: px2rem(41);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.myBox {
|
||||
width: px2rem(750);
|
||||
height: px2rem(604);
|
||||
background: url(../images/box.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -1.1rem auto px2rem(35);
|
||||
position: relative;
|
||||
|
||||
.ts {
|
||||
width: px2rem(128);
|
||||
height: px2rem(128);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(183);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(128);
|
||||
height: px2rem(128);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(183);
|
||||
z-index: 1;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.name {
|
||||
width: px2rem(360);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(321);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.lineBox {
|
||||
width: px2rem(620);
|
||||
height: px2rem(16);
|
||||
border-radius: px2rem(16);
|
||||
background: #824115;
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(439);
|
||||
border-radius: px2rem(16);
|
||||
|
||||
.line {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: linear-gradient(90deg, #FBF392, #FCB41B);
|
||||
border-radius: px2rem(16);
|
||||
}
|
||||
|
||||
.boxs {
|
||||
width: px2rem(62);
|
||||
height: px2rem(62);
|
||||
background: url(../images/false.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
span {
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
top: px2rem(-50);
|
||||
display: flex;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(34);
|
||||
height: px2rem(34);
|
||||
margin: 0 px2rem(5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box1 {
|
||||
left: px2rem(150);
|
||||
}
|
||||
|
||||
.box2 {
|
||||
left: px2rem(339);
|
||||
}
|
||||
|
||||
.box3 {
|
||||
right: px2rem(0);
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/true.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.tetxBox {
|
||||
width: px2rem(620);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: px2rem(480);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #FFED70;
|
||||
font-weight: 400;
|
||||
|
||||
.left {
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
|
||||
.rirgt {
|
||||
font-size: px2rem(28);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(730);
|
||||
height: px2rem(100);
|
||||
margin: 0 auto px2rem(31);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(360);
|
||||
height: px2rem(100);
|
||||
line-height: px2rem(100);
|
||||
text-align: center;
|
||||
color: #EBC9B2;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tabbox {
|
||||
background: url(../images/tab2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #290C05;
|
||||
background: url(../images/act.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act2 {
|
||||
color: #290C05;
|
||||
background: url(../images/tabact2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.content1 {
|
||||
width: px2rem(750);
|
||||
height: auto;
|
||||
margin: 0 auto px2rem(31);
|
||||
// display: none;
|
||||
|
||||
.contentBox1,
|
||||
.contentBox2,
|
||||
.contentBox3 {
|
||||
width: 100%;
|
||||
height: px2rem(1244);
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(40);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
width: px2rem(392);
|
||||
height: px2rem(96);
|
||||
line-height: px2rem(96);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 px2rem(5);
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(670);
|
||||
height: px2rem(800);
|
||||
margin: px2rem(158) auto px2rem(10);
|
||||
background: url(../images/700.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.ts {
|
||||
width: px2rem(160);
|
||||
height: px2rem(160);
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 5.9rem;
|
||||
}
|
||||
|
||||
.zj {
|
||||
width: 5.2rem;
|
||||
height: 8.5rem;
|
||||
position: absolute;
|
||||
left: 0.35rem;
|
||||
top: 0.3rem;
|
||||
overflow: hidden;
|
||||
|
||||
canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.priorityWinners {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
margin-bottom: px2rem(27);
|
||||
}
|
||||
|
||||
.priorityWinnersBox {
|
||||
height: px2rem(120);
|
||||
width: 83%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
|
||||
div {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: px2rem(3) #FFED70 solid;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.6rem;
|
||||
height: 0.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox2 {
|
||||
.box {
|
||||
background: url(../images/350.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox3 {
|
||||
.box {
|
||||
background: url(../images/70.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content2 {
|
||||
width: px2rem(750);
|
||||
height: auto;
|
||||
margin: 0 auto px2rem(31);
|
||||
display: none;
|
||||
|
||||
.contentBox1,
|
||||
.contentBox2,
|
||||
.contentBox3 {
|
||||
width: 100%;
|
||||
height: px2rem(1244);
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(40);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
width: px2rem(392);
|
||||
height: px2rem(96);
|
||||
line-height: px2rem(96);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 px2rem(5);
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(670);
|
||||
height: px2rem(800);
|
||||
margin: px2rem(158) auto px2rem(10);
|
||||
background: url(../images/7.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.ts {
|
||||
width: px2rem(160);
|
||||
height: px2rem(160);
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 3.6rem;
|
||||
}
|
||||
|
||||
.zj {
|
||||
width: 5.2rem;
|
||||
height: 8.5rem;
|
||||
position: absolute;
|
||||
left: 0.35rem;
|
||||
top: 0.3rem;
|
||||
overflow: hidden;
|
||||
|
||||
canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.zjIcon {
|
||||
width: px2rem(46);
|
||||
height: px2rem(46);
|
||||
position: absolute;
|
||||
left: px2rem(195);
|
||||
top: px2rem(671);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.xzIcon {
|
||||
width: px2rem(46);
|
||||
height: px2rem(46);
|
||||
position: absolute;
|
||||
right: px2rem(90);
|
||||
top: px2rem(671);
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.priorityWinners {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
margin-bottom: px2rem(27);
|
||||
}
|
||||
|
||||
.priorityWinnersBox {
|
||||
height: px2rem(120);
|
||||
width: 83%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
|
||||
div {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: px2rem(3) #FFED70 solid;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox2 {
|
||||
.box {
|
||||
background: url(../images/3500.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox3 {
|
||||
.box {
|
||||
background: url(../images/210.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
top: 5.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
opacity: 0.6;
|
||||
margin-bottom: px2rem(40);
|
||||
}
|
||||
|
||||
.video,
|
||||
.video2,
|
||||
.video3 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.rule {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.rule_in {
|
||||
width: px2rem(700);
|
||||
height: px2rem(830);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.close {
|
||||
width: px2rem(66);
|
||||
height: px2rem(66);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(-70);
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(350);
|
||||
height: px2rem(96);
|
||||
line-height: px2rem(96);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
top: px2rem(-12);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/ruleTitle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(565);
|
||||
height: 8rem;
|
||||
position: absolute;
|
||||
top: px2rem(177);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #FFED70;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
line-height: px2rem(40);
|
||||
margin-bottom: px2rem(34);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.header {
|
||||
background: url(../images/header-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.myBox .tetxBox {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.content1 {
|
||||
.contentBox1 {
|
||||
.box {
|
||||
background: url(../images/700ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox2 {
|
||||
.box {
|
||||
background: url(../images/350ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox3 {
|
||||
.box {
|
||||
background: url(../images/70ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content2 {
|
||||
.contentBox1 {
|
||||
.box {
|
||||
background: url(../images/7ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox2 {
|
||||
.box {
|
||||
background: url(../images/3500ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox3 {
|
||||
.box {
|
||||
background: url(../images/210ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.china {
|
||||
.header {
|
||||
background: url(../images/header-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content1 .contentBox1 .box{
|
||||
background: url(../images/700-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content1 .contentBox2 .box{
|
||||
background: url(../images/350-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content1 .contentBox3 .box{
|
||||
background: url(../images/70-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content2 .contentBox1 .box{
|
||||
background: url(../images/7-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content2 .contentBox2 .box{
|
||||
background: url(../images/3500-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content2 .contentBox3 .box{
|
||||
background: url(../images/210-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
BIN
view/molistar/modules/dailyConsumption/images/210-zh.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/210.png
Normal file
After Width: | Height: | Size: 117 KiB |
BIN
view/molistar/modules/dailyConsumption/images/210ar.png
Normal file
After Width: | Height: | Size: 117 KiB |
BIN
view/molistar/modules/dailyConsumption/images/350-zh.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/350.png
Normal file
After Width: | Height: | Size: 118 KiB |
BIN
view/molistar/modules/dailyConsumption/images/3500-zh.png
Normal file
After Width: | Height: | Size: 181 KiB |
BIN
view/molistar/modules/dailyConsumption/images/3500.png
Normal file
After Width: | Height: | Size: 185 KiB |
BIN
view/molistar/modules/dailyConsumption/images/3500ar.png
Normal file
After Width: | Height: | Size: 184 KiB |
BIN
view/molistar/modules/dailyConsumption/images/350ar.png
Normal file
After Width: | Height: | Size: 118 KiB |
BIN
view/molistar/modules/dailyConsumption/images/7-zh.png
Normal file
After Width: | Height: | Size: 498 KiB |
BIN
view/molistar/modules/dailyConsumption/images/7.png
Normal file
After Width: | Height: | Size: 494 KiB |
BIN
view/molistar/modules/dailyConsumption/images/70-zh.png
Normal file
After Width: | Height: | Size: 113 KiB |
BIN
view/molistar/modules/dailyConsumption/images/70.png
Normal file
After Width: | Height: | Size: 114 KiB |
BIN
view/molistar/modules/dailyConsumption/images/700-zh.png
Normal file
After Width: | Height: | Size: 114 KiB |
BIN
view/molistar/modules/dailyConsumption/images/700.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/700ar.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/70ar.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/7ar.png
Normal file
After Width: | Height: | Size: 494 KiB |
BIN
view/molistar/modules/dailyConsumption/images/act.png
Normal file
After Width: | Height: | Size: 42 KiB |
BIN
view/molistar/modules/dailyConsumption/images/bf.png
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
view/molistar/modules/dailyConsumption/images/bg.png
Normal file
After Width: | Height: | Size: 350 KiB |
BIN
view/molistar/modules/dailyConsumption/images/box.png
Normal file
After Width: | Height: | Size: 315 KiB |
BIN
view/molistar/modules/dailyConsumption/images/close.png
Normal file
After Width: | Height: | Size: 6.0 KiB |
BIN
view/molistar/modules/dailyConsumption/images/false.png
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
view/molistar/modules/dailyConsumption/images/gold.png
Normal file
After Width: | Height: | Size: 3.6 KiB |