Compare commits
190 Commits
charm
...
treasureSn
Author | SHA1 | Date | |
---|---|---|---|
![]() |
d701a5f149 | ||
![]() |
496b7e848a | ||
![]() |
c681deb908 | ||
![]() |
125e0bcf7d | ||
![]() |
82cc5213e4 | ||
![]() |
c4b39c5a18 | ||
![]() |
ceec614156 | ||
![]() |
5aa2a460f7 | ||
![]() |
7e88a45f1f | ||
![]() |
f6199e3d95 | ||
![]() |
ca8e62ccdb | ||
![]() |
b9c3d5dd4e | ||
![]() |
d6684a879b | ||
![]() |
b8b78d0193 | ||
![]() |
cdf47d250e | ||
![]() |
c50f5a182d | ||
![]() |
77d503017b | ||
![]() |
c6398e1541 | ||
![]() |
d70aa29d6b | ||
![]() |
5bbc1e5c68 | ||
![]() |
f4acb25b48 | ||
![]() |
a0abbaf6e9 | ||
![]() |
f41196c38d | ||
![]() |
5af361287b | ||
![]() |
8a8da3d3d2 | ||
![]() |
deab819661 | ||
![]() |
6e41101c36 | ||
![]() |
2808897418 | ||
![]() |
d4d9d9e2af | ||
![]() |
3e8e6a7c9a | ||
![]() |
32d8084ca6 | ||
![]() |
f325a561a2 | ||
![]() |
827b3540f2 | ||
![]() |
adbb636997 | ||
![]() |
038ecdb00e | ||
![]() |
48e06b9843 | ||
![]() |
b67250373b | ||
![]() |
5c9b2de593 | ||
![]() |
c424185f21 | ||
![]() |
4e0551c03c | ||
![]() |
3a71ccb6c0 | ||
![]() |
83ad69a4ba | ||
![]() |
11d087eff2 | ||
![]() |
a3de94198c | ||
![]() |
86dc8bc101 | ||
![]() |
854c7a5170 | ||
![]() |
8e0e2a1798 | ||
![]() |
c3ca2c8f33 | ||
![]() |
935dca1ced | ||
![]() |
3c0879357e | ||
![]() |
de77feec19 | ||
![]() |
4c206c94e6 | ||
![]() |
665f326967 | ||
![]() |
5c042369fc | ||
![]() |
269415685d | ||
![]() |
abd8deec4c | ||
![]() |
95416c0ef0 | ||
![]() |
b4fdf87984 | ||
![]() |
b03374eddb | ||
![]() |
b650b04101 | ||
![]() |
6619db011d | ||
![]() |
5c9597188f | ||
![]() |
4d49228ea6 | ||
![]() |
7c0ec3a053 | ||
![]() |
4f5a4bd2f1 | ||
![]() |
b4e5279dd1 | ||
![]() |
f00ef26431 | ||
![]() |
660cbde145 | ||
![]() |
bdf9d34ea7 | ||
![]() |
5a695caac4 | ||
![]() |
f26364ffef | ||
![]() |
9c3a66300e | ||
![]() |
b6fe002a9f | ||
![]() |
a41ff15608 | ||
![]() |
579a25a047 | ||
![]() |
b13763b0b3 | ||
![]() |
9e82ab9cfc | ||
![]() |
779dddffc8 | ||
![]() |
ac7a7b51d3 | ||
![]() |
e2595fbb11 | ||
![]() |
edd003ceb4 | ||
![]() |
06d2f79d49 | ||
![]() |
b2b2cbe10d | ||
![]() |
bb48955bc6 | ||
![]() |
e90f2fcccb | ||
![]() |
cda5b1a2e7 | ||
![]() |
8963f2228d | ||
![]() |
777cba90bd | ||
![]() |
7c9c75b9ae | ||
![]() |
c62c02655a | ||
![]() |
b522baca60 | ||
![]() |
e72bcc1ce1 | ||
![]() |
bb2784dae7 | ||
![]() |
6983b611f6 | ||
![]() |
96fc251f09 | ||
![]() |
bb2c2b44cb | ||
![]() |
ef6bcac4e9 | ||
![]() |
52925e948b | ||
![]() |
43736ecd86 | ||
![]() |
63c10b4e2a | ||
![]() |
4a87f8e70f | ||
![]() |
d06a9136cc | ||
![]() |
3e9a323e77 | ||
![]() |
192846f665 | ||
![]() |
04ec4e1213 | ||
![]() |
d4edc4d7f9 | ||
![]() |
33b327ef08 | ||
![]() |
c402e91b4b | ||
![]() |
e5bc021b76 | ||
![]() |
7ad353af3a | ||
![]() |
6ef6df6bd5 | ||
![]() |
3b2d5f3ec8 | ||
![]() |
b23b00110b | ||
![]() |
effa4fc182 | ||
![]() |
fda137edd4 | ||
![]() |
104c2a5ea9 | ||
![]() |
9c8dcfc5bc | ||
![]() |
59dfb185c7 | ||
![]() |
f9bf2c5473 | ||
![]() |
cbbe553bf0 | ||
![]() |
3f314a647b | ||
![]() |
775a68a23c | ||
![]() |
46db54d18b | ||
![]() |
23630c40b9 | ||
![]() |
c9b16d9fac | ||
![]() |
9e345cf51a | ||
![]() |
3d0df56d13 | ||
![]() |
aeba089ded | ||
![]() |
50223def70 | ||
![]() |
6d251a0399 | ||
![]() |
673005f471 | ||
![]() |
b9c7691b98 | ||
![]() |
0c23babc9d | ||
![]() |
bf6f941752 | ||
![]() |
2f88fdc21d | ||
![]() |
661db811c0 | ||
![]() |
7747ee7e93 | ||
![]() |
c625084bbb | ||
![]() |
aaf2b2f6ed | ||
![]() |
be4a1e09b2 | ||
![]() |
47864dabdb | ||
![]() |
8f5bd66761 | ||
![]() |
7351a4b76d | ||
![]() |
6b16354f64 | ||
![]() |
1b3986bcf3 | ||
![]() |
c19d1c92a2 | ||
![]() |
f1badb8d03 | ||
![]() |
131a276e58 | ||
![]() |
f594d0de0c | ||
![]() |
2c0f58f815 | ||
![]() |
844dc5c831 | ||
![]() |
f9886b9089 | ||
![]() |
733ab19c71 | ||
![]() |
80bea3e94a | ||
![]() |
f937063d9b | ||
![]() |
cdc8f2290c | ||
![]() |
296a640744 | ||
![]() |
c41e8dd980 | ||
![]() |
7a21b824ab | ||
![]() |
1148a0753e | ||
![]() |
3c57f4e780 | ||
![]() |
d300b7a056 | ||
![]() |
e47906fd91 | ||
![]() |
c0dfb7c41b | ||
![]() |
daf57dd1ad | ||
![]() |
c6df9a0872 | ||
![]() |
180d64064a | ||
![]() |
518bac9298 | ||
![]() |
9974ad913c | ||
![]() |
609dea5884 | ||
![]() |
8fba10d4d5 | ||
![]() |
ca8e33ce2d | ||
![]() |
cf14b11790 | ||
![]() |
29f19415f9 | ||
![]() |
3c91a1d197 | ||
![]() |
aa59c5eab2 | ||
![]() |
a37bd171fc | ||
![]() |
b23e8e7aa1 | ||
![]() |
f26cbc90a5 | ||
![]() |
9eb04842f8 | ||
![]() |
de73fbf5c1 | ||
![]() |
0d69f497cf | ||
![]() |
96aaa4bd69 | ||
![]() |
e1dda9d536 | ||
![]() |
79523d2c16 | ||
![]() |
73e1e53d79 | ||
![]() |
b3a364af70 | ||
![]() |
f10829421c | ||
![]() |
0a1514f7d9 | ||
![]() |
dfd9bdc23c |
1910
view/peko/activity/act-2023-qx/css/index.css
Normal file
2140
view/peko/activity/act-2023-qx/css/index.scss
Normal file
13
view/peko/activity/act-2023-qx/css/swiper-bundle.min.css
vendored
Normal file
BIN
view/peko/activity/act-2023-qx/images/1.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/10.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/11.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
view/peko/activity/act-2023-qx/images/2.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
view/peko/activity/act-2023-qx/images/3.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
view/peko/activity/act-2023-qx/images/4.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
view/peko/activity/act-2023-qx/images/5.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
view/peko/activity/act-2023-qx/images/6.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
view/peko/activity/act-2023-qx/images/betrothal.png
Normal file
After Width: | Height: | Size: 50 KiB |
BIN
view/peko/activity/act-2023-qx/images/betrothalbg1.png
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
view/peko/activity/act-2023-qx/images/betrothalbg2.png
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
view/peko/activity/act-2023-qx/images/bird.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingBag.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingBagLiBg.png
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingTree.png
Normal file
After Width: | Height: | Size: 478 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingTree1.svga
Normal file
BIN
view/peko/activity/act-2023-qx/images/blessingTreeBoomt.png
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingTreeBoomt2.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingTreeBut.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/activity/act-2023-qx/images/butOut.png
Normal file
After Width: | Height: | Size: 6.0 KiB |
BIN
view/peko/activity/act-2023-qx/images/center.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
view/peko/activity/act-2023-qx/images/drop.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/peko/activity/act-2023-qx/images/endActivity.png
Normal file
After Width: | Height: | Size: 9.9 KiB |
BIN
view/peko/activity/act-2023-qx/images/endActivitybut.png
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
view/peko/activity/act-2023-qx/images/go.png
Normal file
After Width: | Height: | Size: 867 B |
BIN
view/peko/activity/act-2023-qx/images/header.png
Normal file
After Width: | Height: | Size: 601 KiB |
BIN
view/peko/activity/act-2023-qx/images/lantern.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/act-2023-qx/images/left.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/act-2023-qx/images/leftRen.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
view/peko/activity/act-2023-qx/images/lineBg.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/activity/act-2023-qx/images/lineTx.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
view/peko/activity/act-2023-qx/images/logo.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
view/peko/activity/act-2023-qx/images/loveIcon.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
view/peko/activity/act-2023-qx/images/loveListTimeBg.png
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
view/peko/activity/act-2023-qx/images/magpieBridge.png
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
view/peko/activity/act-2023-qx/images/magpieBridgeBg.png
Normal file
After Width: | Height: | Size: 197 KiB |
BIN
view/peko/activity/act-2023-qx/images/magpieBridgeBg2.png
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
view/peko/activity/act-2023-qx/images/myBg.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
view/peko/activity/act-2023-qx/images/no1.png
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
view/peko/activity/act-2023-qx/images/no1Bg.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-2023-qx/images/no2.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
view/peko/activity/act-2023-qx/images/no23Bg.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-2023-qx/images/no3.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
view/peko/activity/act-2023-qx/images/openLantern.png
Normal file
After Width: | Height: | Size: 4.8 KiB |
BIN
view/peko/activity/act-2023-qx/images/out.png
Normal file
After Width: | Height: | Size: 832 B |
BIN
view/peko/activity/act-2023-qx/images/page3Libg.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/act-2023-qx/images/page4Tab1.png
Normal file
After Width: | Height: | Size: 46 KiB |
BIN
view/peko/activity/act-2023-qx/images/page4Tab2.png
Normal file
After Width: | Height: | Size: 46 KiB |
BIN
view/peko/activity/act-2023-qx/images/pagesTab1.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/pagesTab2.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/redRopeIcon.png
Normal file
After Width: | Height: | Size: 764 B |
BIN
view/peko/activity/act-2023-qx/images/refresh.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/peko/activity/act-2023-qx/images/right.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/act-2023-qx/images/rightRen.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
BIN
view/peko/activity/act-2023-qx/images/roomRule.png
Normal file
After Width: | Height: | Size: 63 KiB |
BIN
view/peko/activity/act-2023-qx/images/rule_bg.png
Normal file
After Width: | Height: | Size: 851 B |
BIN
view/peko/activity/act-2023-qx/images/rule_pub.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
view/peko/activity/act-2023-qx/images/rule_pub_in.png
Normal file
After Width: | Height: | Size: 143 KiB |
BIN
view/peko/activity/act-2023-qx/images/sts.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
view/peko/activity/act-2023-qx/images/sweet.png
Normal file
After Width: | Height: | Size: 83 KiB |
BIN
view/peko/activity/act-2023-qx/images/sweet2.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
view/peko/activity/act-2023-qx/images/sweet_in1.png
Normal file
After Width: | Height: | Size: 84 KiB |
BIN
view/peko/activity/act-2023-qx/images/sweet_in2.png
Normal file
After Width: | Height: | Size: 84 KiB |
BIN
view/peko/activity/act-2023-qx/images/tab1.png
Normal file
After Width: | Height: | Size: 26 KiB |
BIN
view/peko/activity/act-2023-qx/images/tab2.png
Normal file
After Width: | Height: | Size: 26 KiB |
BIN
view/peko/activity/act-2023-qx/images/tab3.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
view/peko/activity/act-2023-qx/images/tab4.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
view/peko/activity/act-2023-qx/images/task.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
view/peko/activity/act-2023-qx/images/task2.png
Normal file
After Width: | Height: | Size: 52 KiB |
BIN
view/peko/activity/act-2023-qx/images/task2But.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/taskIcon.png
Normal file
After Width: | Height: | Size: 8.0 KiB |
BIN
view/peko/activity/act-2023-qx/images/title.png
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
view/peko/activity/act-2023-qx/images/titleHeader.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-2023-qx/images/travel/back.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
view/peko/activity/act-2023-qx/images/tree.svga
Normal file
BIN
view/peko/activity/act-2023-qx/images/xique.svga
Normal file
468
view/peko/activity/act-2023-qx/index.html
Normal file
@@ -0,0 +1,468 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>心動七夕遊園會</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<div class="rule">活動規則</div>
|
||||
<!-- 時間 -->
|
||||
<div class="titleHeader"></div>
|
||||
</div>
|
||||
<!-- 定情信物 -->
|
||||
<div class="betrothal">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/betrothalbg1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/betrothalbg2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- tab切換 -->
|
||||
<div class="tab tabs tab1">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- page1 -->
|
||||
<div class="page1">
|
||||
<!-- 福袋展示 -->
|
||||
<div class="blessingBag">
|
||||
<div class="blessingBag_in">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./images/11.png" alt="">
|
||||
<p>飛上雲霄</p>
|
||||
<b>177 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/2.png" alt="">
|
||||
<p>情意捲軸</p>
|
||||
<b>377 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/3.png" alt="">
|
||||
<p>桃花灼灼</p>
|
||||
<b>1777 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/4.png" alt="">
|
||||
<p>花色漫漫</p>
|
||||
<b>2777 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/5.png" alt="">
|
||||
<p>相思鳥</p>
|
||||
<b>13140 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/6.png" alt="">
|
||||
<p>煙火愛戀</p>
|
||||
<b>27777 鉆</b>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<img src="./images/11.png" alt="">
|
||||
<p>飛上雲霄</p>
|
||||
<b>177 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/2.png" alt="">
|
||||
<p>情意捲軸</p>
|
||||
<b>377 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/3.png" alt="">
|
||||
<p>桃花灼灼</p>
|
||||
<b>1777 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/4.png" alt="">
|
||||
<p>花色漫漫</p>
|
||||
<b>2777 鉆</b>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 鵲橋 -->
|
||||
<div class="magpieBridge">
|
||||
<!-- 左边人物 -->
|
||||
<img src="./images/leftRen.png" alt="" class="leftRen">
|
||||
<!-- 右边人物 -->
|
||||
<img src="./images/rightRen.png" alt="" class="rightRen">
|
||||
<!-- 背景鵲橋圖 -->
|
||||
<img src="./images/magpieBridgeBg2.png" alt="" class="magpieBridgeBg">
|
||||
<!-- 喜鵲動效 -->
|
||||
<div class="xiques">
|
||||
<div class="xique"></div>
|
||||
</div>
|
||||
<!-- 我的喜鵲 -->
|
||||
<p class="birdNum">
|
||||
<img src="./images/bird.png" alt="" class="bird">
|
||||
<b>我的喜鵲: 0</b>
|
||||
</p>
|
||||
<!-- 投放喜鵲*1 -->
|
||||
<div class="but1">投放喜鵲*1</div>
|
||||
<!-- 投放喜鵲*10 -->
|
||||
<div class="but10">投放喜鵲*10</div>
|
||||
<!-- 領取獎勵 -->
|
||||
<div class="buting">領取獎勵</div>
|
||||
<!-- 領取失敗 -->
|
||||
<div class="buterr">領取獎勵</div>
|
||||
<!-- 已領取 -->
|
||||
<div class="butout">已領取</div>
|
||||
<!-- 文案展示 -->
|
||||
<p class="text">將喜鵲投入鵲橋,拉近牛郎和織女的距離<br>
|
||||
鵲橋相會後,參與搭建鵲橋的用戶可領取活動獎勵</p>
|
||||
<!-- 進度條 -->
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
</div>
|
||||
<!-- 頭飾框 -->
|
||||
<div class="ts">
|
||||
<img src="./images/sts.png" alt="" class="">
|
||||
<b>鵲仙橋頭飾*3天</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 每日任務 tasks2-->
|
||||
<div class="task ">
|
||||
<div class="tab">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="box1">
|
||||
<p class="title">完成每日任務可獲得喜鵲,任務每日0點刷新<br>
|
||||
任務獎勵自動發放</p>
|
||||
<div class="task1">
|
||||
<img src="./images/taskIcon.png" alt="">
|
||||
<div class="but">去完成</div>
|
||||
<b class="p1">訪問活動頁</b>
|
||||
<b class="p2">獎勵:喜鵲*5</b>
|
||||
</div>
|
||||
<div class="task2">
|
||||
<img src="./images/taskIcon.png" alt="">
|
||||
<div class="but">去完成</div>
|
||||
<b class="p1">任意房間發送彈幕(0/3)</b>
|
||||
<b class="p2">獎勵:喜鵲*5</b>
|
||||
</div>
|
||||
<div class="task3">
|
||||
<img src="./images/taskIcon.png" alt="">
|
||||
<div class="but">去完成</div>
|
||||
<b class="p1">在任意直播間停留</b>
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
<img src="./images/drop.png" alt="" class="drop1">
|
||||
<img src="./images/drop.png" alt="" class="drop2">
|
||||
<span class="sp1">+2喜鵲</span>
|
||||
<span class="sp2">+3喜鵲</span>
|
||||
<span class="sp3">+5喜鵲</span>
|
||||
<span class="sp4">10分鐘</span>
|
||||
<span class="sp5">20分鐘</span>
|
||||
<span class="sp6">30分鐘</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<img src="./images/task2But.png" alt="" class="task2But">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page2 -->
|
||||
<div class="page2">
|
||||
<!-- 祈願樹 -->
|
||||
<div class="blessingTree">
|
||||
<!-- 剩余紅繩 -->
|
||||
<div class="redRope">
|
||||
<img src="./images/redRopeIcon.png" alt="" class="redRopeIcon">
|
||||
我的祈願紅繩:<b>0</b>
|
||||
</div>
|
||||
<!-- 祈願按鈕 -->
|
||||
<div class="but"></div>
|
||||
<p class="introduction">每獲得10隻喜鵲即可自動獲得祈願紅繩*1</p>
|
||||
<!-- 刷新 -->
|
||||
<div class="refresh">
|
||||
<img src="./images/refresh.png" alt="" class="refreshIcon">
|
||||
換一批
|
||||
</div>
|
||||
<!-- 打開燈籠 openLantern-->
|
||||
<div class="lantern lantern1">
|
||||
<div class="box">
|
||||
<img src="" alt="">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="lantern lantern2">
|
||||
<div class="box">
|
||||
<img src="" alt="">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="lantern lantern3">
|
||||
<div class="box">
|
||||
<img src="" alt="">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="lantern lantern4">
|
||||
<div class="box">
|
||||
<img src="" alt="">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 動效 -->
|
||||
<div class="blessingTreeSvga blessingTreeSvga1">
|
||||
<div class="blessingTreeSvgaActive blessingTreeSvgaActive1"></div>
|
||||
</div>
|
||||
<div class="blessingTreeSvga blessingTreeSvga2">
|
||||
<div class="blessingTreeSvgaActive blessingTreeSvgaActive2"></div>
|
||||
</div>
|
||||
<div class="blessingTreeSvga blessingTreeSvga3">
|
||||
<div class="blessingTreeSvgaActive blessingTreeSvgaActive3"></div>
|
||||
</div>
|
||||
<div class="blessingTreeSvga blessingTreeSvga4">
|
||||
<div class="blessingTreeSvgaActive blessingTreeSvgaActive4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 獎池&記錄 blessingTreeBoomt2-->
|
||||
<div class="blessingTreeBoomt">
|
||||
<div class="tab">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div class="title">
|
||||
<div>獲取時間</div>
|
||||
<div>獲得獎勵</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<p>2023/01/18</p>
|
||||
<i>23:45:234</i>
|
||||
</div>
|
||||
<div class="b">
|
||||
蓮花燈777鉆
|
||||
</div>
|
||||
</li>
|
||||
<li class="active">
|
||||
<div>
|
||||
<p>2023/01/18</p>
|
||||
<i>23:45:234</i>
|
||||
</div>
|
||||
<div>
|
||||
<p>蓮花燈</p>
|
||||
<b>777鉆</b>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page3 -->
|
||||
<div class="page3">
|
||||
<!-- 活動規則 -->
|
||||
<div class="rule">活動規則</div>
|
||||
<!-- 標題 -->
|
||||
<img src="./images/title.png" alt="" class="title">
|
||||
<p class="titleText">贈送普通禮物10鉆石=1情緣值,七夕限定禮物10鉆石=3情緣值</p>
|
||||
<!-- 前三 -->
|
||||
<div class="no no1">
|
||||
<img src="./images/no1.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no2">
|
||||
<img src="./images/no2.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no3">
|
||||
<img src="./images/no3.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 非前三 -->
|
||||
<ul>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name"></div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 自己榜單 -->
|
||||
<div class="my">
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">虛位以待</div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 規則彈窗 -->
|
||||
<div class="roomRule">
|
||||
<img src="./images/roomRule.png" alt="" class="roomRule_in">
|
||||
</div>
|
||||
</div>
|
||||
<!-- page4 -->
|
||||
<div class="page4">
|
||||
<!-- 活動規則 -->
|
||||
<div class="rule">榜單獎勵</div>
|
||||
<!-- 相會鵲橋 -->
|
||||
<div class="loveList">
|
||||
<img src="./images/left.png" alt="" class="left">
|
||||
<img src="./images/center.png" alt="" class="center">
|
||||
<img src="./images/right.png" alt="" class="right">
|
||||
<img src="./images/logo.png" alt="" class="txL">
|
||||
<img src="./images/logo.png" alt="" class="txR">
|
||||
<div class="leftName">虛位以待</div>
|
||||
<div class="rightName">虛位以待</div>
|
||||
<p>活動期間每小時甜蜜值第一的主播和最佳助力的用戶</p>
|
||||
<div class="times">距下一小時一起上榜結果<span>00</span>:<span>00</span></div>
|
||||
</div>
|
||||
<!-- tab切換 -->
|
||||
<div class="page4Tab">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- 日榜總榜 -->
|
||||
<div class="dayAll">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- 禮物值說明 -->
|
||||
<div class="giftVal">收到普通禮物10鉆石=1甜蜜值,七夕限定禮物10鉆石=3甜蜜值</div>
|
||||
<!-- 日榜時間選擇 -->
|
||||
<div class="timeList">
|
||||
<div class=""></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- 前三 -->
|
||||
<div class="no no1">
|
||||
<img src="./images/no1.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no2">
|
||||
<img src="./images/no2.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no3">
|
||||
<img src="./images/no3.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 非前三 -->
|
||||
<ul>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name"></div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 自己榜單 -->
|
||||
<div class="my">
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">虛位以待</div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 甜蜜榜單 -->
|
||||
<div class="sweet">
|
||||
<div class="sweet_in">
|
||||
<div class="box">
|
||||
<img src="./images/sweet_in1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 活動規則彈窗 -->
|
||||
<div class="rule_pub">
|
||||
<div class="rule_pub_in">
|
||||
<div class="box">
|
||||
<img src="./images/rule_pub_in.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 活動結束彈窗 -->
|
||||
<div class="endActivity">
|
||||
<div class="endActivity_in">
|
||||
<img src="./images/endActivitybut.png" alt="" class="but">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/swiper-bundle.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
942
view/peko/activity/act-2023-qx/js/index.js
Normal file
@@ -0,0 +1,942 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加載中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var xiqueNum = 0;//當前剩余喜鵲數量
|
||||
var roomUid = 0;//房間uid
|
||||
var giftId = 0;//默認禮物id
|
||||
var xiqueBut = true;//投放喜鵲鎖
|
||||
var data = null;//默認日榜
|
||||
var rankType = 1;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
var curDate;//當天日期
|
||||
var nextHourTimeStamp;//下一輪結束時間戳
|
||||
var leftTime;//倒計時暫存
|
||||
var timeOut2;//儲存定時器
|
||||
var redLineNum = 0;//紅繩數量
|
||||
var page = 1;//頁碼
|
||||
var pageSizeLack = true;// 下拉更多鎖
|
||||
var lack = true;// 抽獎鎖
|
||||
var timeEndLock = true;
|
||||
var lock = true;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
setTimeout(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
swiperFun();
|
||||
getConfig();
|
||||
getRecommendRoom();
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 初始化接口
|
||||
function getConfig () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/2023Qixi/xique/getConfig',
|
||||
data: {},
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 判断活动结束时间
|
||||
if (res.timestamp > res.data.endTime) {
|
||||
timeEndLock = false;
|
||||
$('.endActivity').show();
|
||||
}
|
||||
// 處理活動時間
|
||||
$('.header .titleHeader').text(`活動時間:${dateFormat(res.data.startTime, 'yyyy年MM月dd日')}-${dateFormat(res.data.endTime, 'yyyy年MM月dd日')}`)
|
||||
// 當前用戶喜鵲
|
||||
xiqueNum = res.data.xiqueNum
|
||||
$('.page1 .magpieBridge .birdNum b').text(`我的喜鵲: ${res.data.xiqueNum}`)
|
||||
// 處理當前喜鵲進度狀態值
|
||||
var curXiqueNums = res.data.serverCurXiqueNum / res.data.serverMaxXiqueNum * 100;
|
||||
$('.page1 .magpieBridge .line .line_in').css('width', curXiqueNums >= 100 ? '100%' : `${curXiqueNums}%`);
|
||||
if (curXiqueNums < 20) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '10%');
|
||||
} else if (curXiqueNums >= 20 && curXiqueNums < 40) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '17.5%');
|
||||
} else if (curXiqueNums >= 40 && curXiqueNums < 60) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '25%');
|
||||
} else if (curXiqueNums >= 60 && curXiqueNums < 80) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '32.5%');
|
||||
} else if (curXiqueNums >= 100) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '40%');
|
||||
}
|
||||
if (curXiqueNums < 20) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '10%');
|
||||
} else if (curXiqueNums >= 20 && curXiqueNums < 40) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '13.75%');
|
||||
} else if (curXiqueNums >= 40 && curXiqueNums < 60) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '20.5%');
|
||||
} else if (curXiqueNums >= 60 && curXiqueNums < 80) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '27.25%');
|
||||
} else if (curXiqueNums >= 100) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '34%');
|
||||
}
|
||||
// 處理領取喜鵲頭飾按鈕狀態
|
||||
if (res.data.devotedBtnStatus == 0) {//投入按鈕狀態(0=可投入,1=可領取,2=不能領取,-1=已領取)
|
||||
$('.page1 .magpieBridge .buting').hide();
|
||||
$('.page1 .magpieBridge .buterr').hide();
|
||||
$('.page1 .magpieBridge .butout').hide();
|
||||
$('.page1 .magpieBridge .but1').show();
|
||||
$('.page1 .magpieBridge .but10').show();
|
||||
} else if (res.data.devotedBtnStatus == 1) {//投入按鈕狀態(0=可投入,1=可領取,2=不能領取,-1=已領取)
|
||||
$('.page1 .magpieBridge .buting').show();
|
||||
$('.page1 .magpieBridge .but1').hide();
|
||||
$('.page1 .magpieBridge .but10').hide();
|
||||
} else if (res.data.devotedBtnStatus == 2) {
|
||||
$('.page1 .magpieBridge .buterr').show();
|
||||
$('.page1 .magpieBridge .but1').hide();
|
||||
$('.page1 .magpieBridge .but10').hide();
|
||||
} else if (res.data.devotedBtnStatus < 0) {
|
||||
$('.page1 .magpieBridge .butout').show();
|
||||
$('.page1 .magpieBridge .but1').hide();
|
||||
$('.page1 .magpieBridge .but10').hide();
|
||||
}
|
||||
// 處理任務狀態
|
||||
res.data.dailyTaskList.forEach((res, i) => {
|
||||
$(`.page1 .task .box1 .task${i + 1} .p2`).text(`獎勵:喜鵲*${res.xiqueNum}`)
|
||||
if (res.btnStatus == 1) {//已完成
|
||||
$(`.page1 .task .box1 .task${i + 1} .but`).addClass('out');
|
||||
$(`.page1 .task .box1 .task${i + 1} .but`).text('已完成');
|
||||
$(`.page1 .task .box1 .task${i + 1} .but`).attr('click', 0);
|
||||
}
|
||||
if (i == 1) {
|
||||
$(`.page1 .task .box1 .task2 .p1`).text(`任意房間發送彈幕(${res.cur}/${res.need})`)
|
||||
}
|
||||
if (i == 2) {
|
||||
var percentage = res.cur / res.need * 100;
|
||||
$('.page1 .task .box1 .task3 .line .line_in').css('width', percentage >= 100 ? '100%' : `${percentage}%`);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 獲取房間Uid接口
|
||||
function getRecommendRoom () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/home/tab/home/one',
|
||||
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
roomUid = res.data;
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 祈福配置接口
|
||||
function redLineGetConfig () {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/redLine/getConfig',
|
||||
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 設置紅繩數量
|
||||
redLineNum = res.data.redLineNum;
|
||||
$('.page2 .blessingTree .redRope b').text(res.data.redLineNum);
|
||||
// 渲染祈福列錶
|
||||
res.data.drawList.forEach((res, i) => {
|
||||
$(`.page2 .blessingTree .lantern${i + 1}`).attr('id', res.id);
|
||||
if (res.able) {
|
||||
$(`.page2 .blessingTree .lantern${i + 1}`).removeClass('openLantern');
|
||||
} else {
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).removeClass('typemp').removeClass('typeqp');
|
||||
if (res.type == 2) {
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).addClass("typemp");
|
||||
} else if (res.type == 3) {
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).addClass("typeqp");
|
||||
} else {
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).removeClass('typemp').removeClass('typeqp');
|
||||
}
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).attr('src', res.pic);
|
||||
$(`.page2 .blessingTree .lantern${i + 1} .box p`).text(res.name);
|
||||
$(`.page2 .blessingTree .lantern${i + 1} .box b`).text(`${res.num}${res.unit}`);
|
||||
$(`.page2 .blessingTree .lantern${i + 1}`).addClass('openLantern');
|
||||
}
|
||||
})
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
lack = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 祈福抽獎接口
|
||||
function redLineDraw (id) {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/redLine/draw',
|
||||
data: { id },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
id = id == null ? res.data : id;
|
||||
svga1Fun(id);
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
lack = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
lock = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 默認抽獎祈福按鈕
|
||||
$('.page2 .blessingTree .but').click(function () {
|
||||
if (redLineNum > 0) {
|
||||
if (true) {
|
||||
lack = false;
|
||||
redLineDraw(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('紅繩數量不足,可參與投放喜鵲活動獲得')
|
||||
}
|
||||
})
|
||||
// 指定抽獎
|
||||
$('.page2 .blessingTree .lantern').click(function () {
|
||||
var id = $(this).attr('id');
|
||||
var openLantern = $(this).attr('class');
|
||||
if (redLineNum > 0) {
|
||||
if (openLantern.indexOf('openLantern') == -1) {
|
||||
if (true) {
|
||||
lack = false;
|
||||
redLineDraw(id);
|
||||
}
|
||||
} else {
|
||||
toastMsg('福袋已經完成祈願,換一個福袋再祈願吧');
|
||||
}
|
||||
} else {
|
||||
toastMsg('紅繩數量不足,可參與投放喜鵲活動獲得')
|
||||
}
|
||||
})
|
||||
var player1;
|
||||
var parser1;
|
||||
var player2;
|
||||
var parser2;
|
||||
var player3;
|
||||
var parser3;
|
||||
var player4;
|
||||
var parser4;
|
||||
function svga1Fun (id) {
|
||||
var parser = id == 1 ? parser1 : id == 2 ? parser2 : id == 3 ? parser3 : parser4;
|
||||
var player = id == 1 ? player1 : id == 2 ? player2 : id == 3 ? player3 : player4;
|
||||
parser.load(`./images/blessingTree1.svga`, function (videoItem) {
|
||||
$(`.page2 .blessingTree .blessingTreeSvga${id}`).show();
|
||||
$(`.page2 .blessingTree .lantern${id}`).hide();
|
||||
player.loops = 1;
|
||||
player1.clearsAfterStop = false;
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
player.setContentMode('AspectFill');
|
||||
player.onFinished(() => {
|
||||
$(`.page2 .blessingTree .lantern${id}`).show();
|
||||
$(`.page2 .blessingTree .blessingTreeSvga${id}`).hide();
|
||||
lack = true;
|
||||
redLineGetConfig();
|
||||
})
|
||||
})
|
||||
}
|
||||
// 播放喜鵲svg
|
||||
blessingTreeSvgaFun1();
|
||||
function blessingTreeSvgaFun1 () {
|
||||
player1 = new SVGA.Player('.blessingTreeSvgaActive1');
|
||||
parser1 = new SVGA.Parser('.blessingTreeSvgaActive1');
|
||||
player2 = new SVGA.Player('.blessingTreeSvgaActive2');
|
||||
parser2 = new SVGA.Parser('.blessingTreeSvgaActive2');
|
||||
player3 = new SVGA.Player('.blessingTreeSvgaActive3');
|
||||
parser3 = new SVGA.Parser('.blessingTreeSvgaActive3');
|
||||
player4 = new SVGA.Player('.blessingTreeSvgaActive4');
|
||||
parser4 = new SVGA.Parser('.blessingTreeSvgaActive5');
|
||||
}
|
||||
// 刷新祈福接口
|
||||
function fresh () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/redLine/fresh',
|
||||
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
redLineGetConfig();
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 刷新按鈕
|
||||
$('.page2 .blessingTree .refresh').click(function () {
|
||||
fresh();
|
||||
})
|
||||
// 定情信物禮物輪播
|
||||
function swiperFun () {
|
||||
var mySwiper = new Swiper('.swiper', {
|
||||
direction: "vertical",
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3500,//3秒切換一次
|
||||
disableOnInteraction: false
|
||||
}
|
||||
})
|
||||
}
|
||||
// 總tab切換
|
||||
$('.tabs div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1 && timeEndLock == false || i == 2 && timeEndLock == false) {
|
||||
return toastMsg('活動已結束')
|
||||
}
|
||||
$('.tabs').removeClass('tab1').removeClass('tab2').removeClass('tab3').removeClass('tab4');
|
||||
$('.tabs').addClass(`tab${i}`);
|
||||
$('.page1').hide();
|
||||
$('.page2').hide();
|
||||
$('.page3').hide();
|
||||
$('.page4').hide();
|
||||
$(`.page${i}`).show();
|
||||
if (i == 2) {
|
||||
redLineGetConfig();
|
||||
}
|
||||
if (i == 3) {
|
||||
getRoomRank();
|
||||
}
|
||||
if (i == 4) {
|
||||
data == null;
|
||||
rankType = 1;
|
||||
getRank(data, rankType);
|
||||
getCpRank();
|
||||
$('.page4 .page4Tab').removeClass('page4Tab2');
|
||||
$('.page4 .dayAll').removeClass('dayAll2');
|
||||
type = 'a';
|
||||
$('.page4 .giftVal').text('收到普通禮物10鉆石=1甜蜜值,七夕限定禮物10鉆石=3甜蜜值');
|
||||
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in1.png');
|
||||
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet.png) no-repeat', "background-size": '100% 100%' });
|
||||
}
|
||||
})
|
||||
// 房間榜單接口
|
||||
function getRoomRank () {
|
||||
$('.page3 ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/2023Qixi/roomRank/getRank',
|
||||
data: {},
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var top3 = res.data.rankList.slice(0, 3);
|
||||
var notTop3 = res.data.rankList.slice(3);
|
||||
// 處理前三
|
||||
if (top3.length < 3) {
|
||||
let arr = new Array(3 - top3.length).fill({
|
||||
avatar: './images/logo.png',
|
||||
nick: '虛位以待',
|
||||
score: "0"
|
||||
})
|
||||
top3.push(...arr)
|
||||
}
|
||||
top3.forEach((res, index) => {
|
||||
$(`.page3 .no${index + 1} .tx`).attr('src', res.avatar);
|
||||
$(`.page3 .no${index + 1} p`).text(res.nick);
|
||||
$(`.page3 .no${index + 1} b`).text(`情緣值:${unitProcessing(res.score, 10000, 1, 'w')}`);
|
||||
$(`.page3 .no${index + 1} .txBg`).attr('uid', res.uid);
|
||||
})
|
||||
// 跳轉前三房間
|
||||
$('.page3 .no .txBg').click(function () {
|
||||
var uid = $(this).attr('uid');
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(uid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(uid);
|
||||
}
|
||||
}
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
notTop3.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.ranking}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx" uid=${res.uid}>
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:${unitProcessing(res.score, 10000, 1, 'w')}</b>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page3 ul').append(str);
|
||||
// 跳轉非前三房間
|
||||
$('.page3 ul li .tx').click(function () {
|
||||
var uid = $(this).attr('uid');
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(uid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(uid);
|
||||
}
|
||||
}
|
||||
})
|
||||
// 處理自己榜單
|
||||
var meRank = res.data.meRank;
|
||||
$('.page3 .my .num').text(meRank.ranking == 0 ? '未上榜' : meRank.ranking);
|
||||
$('.page3 .my .tx').attr('src', meRank.avatar);
|
||||
$('.page3 .my .name').text(meRank.nick);
|
||||
$('.page3 .my .score b').text(`情緣值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 獲取情緣榜接口
|
||||
function getRank (date, rankType) {
|
||||
$('.page4 ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/rank/getRank',
|
||||
data: { date, rankType },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 設置當天日期
|
||||
curDate = res.data.curDate;
|
||||
// 處理日期
|
||||
if (res.data.dateList) {
|
||||
res.data.dateList.forEach((res, i) => {
|
||||
$('.page4 .timeList div').eq(i).text(`${res[6]}.${res[8]}${res[9]}`);
|
||||
$('.page4 .timeList div').eq(i).attr('data', res);
|
||||
if (res == curDate && date == null) {
|
||||
$('.page4 .timeList div').removeClass('active')
|
||||
$('.page4 .timeList div').eq(i).addClass('active');
|
||||
}
|
||||
})
|
||||
}
|
||||
var top3 = res.data.rankList.slice(0, 3);
|
||||
var notTop3 = res.data.rankList.slice(3);
|
||||
// 處理前三
|
||||
if (top3.length < 3) {
|
||||
let arr = new Array(3 - top3.length).fill({
|
||||
avatar: './images/logo.png',
|
||||
nick: '虛位以待',
|
||||
score: "0"
|
||||
})
|
||||
top3.push(...arr)
|
||||
}
|
||||
top3.forEach((res, index) => {
|
||||
$(`.page4 .no${index + 1} .tx`).attr('src', res.avatar);
|
||||
$(`.page4 .no${index + 1} p`).text(res.nick);
|
||||
if (rankType == 1 || rankType == 2) {
|
||||
$(`.page4 .no${index + 1} b`).text(`甜蜜值:${unitProcessing(res.score, 10000, 1, 'w')}`);
|
||||
} else {
|
||||
$(`.page4 .no${index + 1} b`).text(`心動值:${unitProcessing(res.score, 10000, 1, 'w')}`);
|
||||
}
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
notTop3.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.ranking}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>${rankType == 1 || rankType == 2 ? "甜蜜值:" : '心動值:'}${unitProcessing(res.score, 10000, 1, 'w')}</b>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page4 ul').append(str);
|
||||
// 處理自己榜單
|
||||
var meRank = res.data.meRank;
|
||||
$('.page4 .my .num').text(meRank.ranking == 0 ? '未上榜' : meRank.ranking);
|
||||
$('.page4 .my .tx').attr('src', meRank.avatar);
|
||||
$('.page4 .my .name').text(meRank.nick);
|
||||
if (rankType == 1 || rankType == 2) {
|
||||
$('.page4 .my .score b').text(`甜蜜值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
|
||||
} else {
|
||||
$('.page4 .my .score b').text(`心動值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 首頁任務切換
|
||||
$('.page1 .task .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
$('.page1 .task').removeClass('tasks2');
|
||||
} else {
|
||||
$('.page1 .task').addClass('tasks2');
|
||||
}
|
||||
})
|
||||
// 打開活動規則
|
||||
$('.header .rule').click(function () {
|
||||
bodyScroolFun(true);
|
||||
$('.rule_pub').show();
|
||||
})
|
||||
// 關閉活動規則
|
||||
$('.rule_pub').click(function () {
|
||||
bodyScroolFun(false);
|
||||
$('.rule_pub').hide();
|
||||
})
|
||||
// 打開房間榜活動規則
|
||||
$('.page3 .rule').click(function () {
|
||||
bodyScroolFun(true);
|
||||
$('.page3 .roomRule').show();
|
||||
})
|
||||
// 關閉房間榜活動規則
|
||||
$('.roomRule').click(function () {
|
||||
bodyScroolFun(false);
|
||||
$('.roomRule').hide();
|
||||
})
|
||||
// 打開房間榜活動規則
|
||||
$('.page4 .rule').click(function () {
|
||||
bodyScroolFun(true);
|
||||
$('.page4 .sweet').show();
|
||||
})
|
||||
// 關閉房間榜活動規則
|
||||
$('.sweet').click(function () {
|
||||
bodyScroolFun(false);
|
||||
$('.sweet').hide();
|
||||
})
|
||||
// 祈願樹tab切換
|
||||
$('.page2 .blessingTreeBoomt .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
$('.page2 .blessingTreeBoomt').removeClass('blessingTreeBoomt2')
|
||||
} else {
|
||||
$('.page2 .blessingTreeBoomt').addClass('blessingTreeBoomt2')
|
||||
page = 1;
|
||||
pageRecord(page)
|
||||
$('.page2 .blessingTreeBoomt2 .box2 ul li').remove();
|
||||
}
|
||||
})
|
||||
//檢測是否到達底部
|
||||
$(".page2 .blessingTreeBoomt .box2 ul").scroll(function () {
|
||||
var divHeight = $(this).height();
|
||||
var nScrollHeight = $(this)[0].scrollHeight;
|
||||
var nScrollTop = $(this)[0].scrollTop;
|
||||
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
|
||||
console.log("到達底部了");
|
||||
if (pageSizeLack) {
|
||||
pageSizeLack = false;
|
||||
page++;
|
||||
pageRecord(page)
|
||||
}
|
||||
}
|
||||
});
|
||||
// 祈福記錄
|
||||
function pageRecord (page) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/redLine/pageRecord',
|
||||
data: { page, size: 10 },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.length == 0) {
|
||||
pageSizeLack = false;
|
||||
hideLoading(layerIndex)
|
||||
return;
|
||||
}
|
||||
var str = '';
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
<li class="${i % 2 == 0 ? 'active' : ''}">
|
||||
<div>
|
||||
<p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
|
||||
<i>${dateFormat(res.createTime, 'hh:mm:ss')}</i>
|
||||
</div>
|
||||
<div class="b">${res.rewardDesc}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page2 .blessingTreeBoomt2 .box2 ul').append(str);
|
||||
pageSizeLack = true;
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
pageSizeLack = true;
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
pageSizeLack = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 獲取CP榜單接口
|
||||
function getCpRank () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/rank/getCpRank',
|
||||
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.senderNick) {
|
||||
$('.page4 .loveList .txL').attr('src', res.data.receiverAvatar);
|
||||
$('.page4 .loveList .txR').attr('src', res.data.senderAvatar);
|
||||
$('.page4 .loveList .leftName').text(res.data.receiverNick);
|
||||
$('.page4 .loveList .rightName').text(res.data.senderNick);
|
||||
} else {
|
||||
$('.page4 .loveList .txL').attr('src', './images/logo.png');
|
||||
$('.page4 .loveList .txR').attr('src', './images/logo.png');
|
||||
$('.page4 .loveList .leftName').text('虛位以待');
|
||||
$('.page4 .loveList .rightName').text('虛位以待');
|
||||
}
|
||||
|
||||
if (res.data.nextHourTimeStamp) {
|
||||
nextHourTimeStamp = res.data.nextHourTimeStamp;
|
||||
leftTime = nextHourTimeStamp - res.timestamp;
|
||||
// leftTime = 1691654400000;
|
||||
countup(leftTime);
|
||||
} else {
|
||||
$('.page4 .loveList .times').hide();
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 倒計時
|
||||
function countup () {
|
||||
clearTimeout(timeOut2)
|
||||
//獲取當前時間
|
||||
// var now = nowTime;
|
||||
var d = 0;
|
||||
var h = 0;
|
||||
var m = 0;
|
||||
var s = 0;
|
||||
//定義變量 d,h,m,s保存倒計時的時間
|
||||
var d, h, m, s;
|
||||
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中
|
||||
$('.page4 .loveList .times span').eq(0).text(m);
|
||||
$('.page4 .loveList .times span').eq(1).text(s);
|
||||
leftTime = leftTime - 1000;
|
||||
//遞歸每秒調⽤countTime⽅法,顯⽰動態時間效果
|
||||
} else {
|
||||
getCpRank();
|
||||
// location.reload();
|
||||
return
|
||||
}
|
||||
timeOut2 = setTimeout(countup, 1000);
|
||||
}
|
||||
//補0操作
|
||||
function getzf (num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
// 七夕榜單tab切換
|
||||
var type = 'a';//a:甜蜜b:心動
|
||||
$('.page4 .page4Tab div').click(function () {
|
||||
$('.page4 .timeList').show();
|
||||
$('.page4 .dayAll').removeClass('dayAll2');
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
rankType = 1;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
data = null;
|
||||
getRank(data, rankType);
|
||||
$('.page4 .page4Tab').removeClass('page4Tab2');
|
||||
type = 'a';
|
||||
$('.page4 .giftVal').text('收到普通禮物10鉆石=1甜蜜值,七夕限定禮物10鉆石=3甜蜜值');
|
||||
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in1.png');
|
||||
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet.png) no-repeat', "background-size": '100% 100%' });
|
||||
} else {
|
||||
rankType = 3;
|
||||
data = null;
|
||||
getRank(data, rankType);
|
||||
$('.page4 .page4Tab').addClass('page4Tab2');
|
||||
type = 'b';
|
||||
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in2.png');
|
||||
$('.page4 .giftVal').text('收到普通禮物10鉆石=1心动值,七夕限定禮物10鉆石=3心动值');
|
||||
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet2.png) no-repeat', "background-size": '100% 100%' });
|
||||
}
|
||||
})
|
||||
// 七夕榜單日榜總榜切換
|
||||
$('.page4 .dayAll div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
$('.page4 .dayAll').removeClass('dayAll2');
|
||||
rankType = type == "a" ? 1 : 3;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
data = null;
|
||||
$('.page4 ul').css('margin', '6rem auto 2rem');
|
||||
getRank(data, rankType);
|
||||
$('.page4 .timeList').show();
|
||||
} else {
|
||||
$('.page4 .dayAll').addClass('dayAll2');
|
||||
rankType = type == "a" ? 2 : 4;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
data = null;
|
||||
$('.page4 ul').css('margin', '7rem auto 2rem');
|
||||
getRank(data, rankType);
|
||||
$('.page4 .timeList').hide();
|
||||
}
|
||||
})
|
||||
// 日榜切換日期
|
||||
$('.page4 .timeList div').click(function () {
|
||||
var datas = $(this).attr('data');
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
rankType = type == "a" ? 1 : 3;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
data = datas;
|
||||
getRank(data, rankType);
|
||||
})
|
||||
// 關閉活動結束按鈕
|
||||
$('.endActivity .endActivity_in .but').click(function () {
|
||||
$('.tabs').removeClass('tab1').removeClass('tab2').removeClass('tab3').removeClass('tab4');
|
||||
$('.tabs').addClass(`tab${4}`);
|
||||
$('.page1').hide();
|
||||
$('.page2').hide();
|
||||
$('.page3').hide();
|
||||
$('.page4').hide();
|
||||
$(`.page${4}`).show();
|
||||
data == null;
|
||||
rankType = 2;
|
||||
$('.page4 .dayAll').addClass('dayAll2');
|
||||
$('.page4 .timeList').hide();
|
||||
getRank(data, rankType);
|
||||
getCpRank();
|
||||
$('.endActivity').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
//領取全服喜鵲獎勵
|
||||
function getXiqueReward () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/2023Qixi/xique/getXiqueReward',
|
||||
data: {},
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
getConfig();
|
||||
toastMsg('領取成功');
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 領取喜鵲獎勵按鈕
|
||||
$('.page1 .magpieBridge .buting').click(function () {
|
||||
getXiqueReward();
|
||||
})
|
||||
// 領取喜鵲未參與按鈕
|
||||
$('.page1 .magpieBridge .buterr').click(function () {
|
||||
toastMsg('您未參加搭建鵲橋活動,無法領取');
|
||||
})
|
||||
// 投放喜鵲接口
|
||||
function devotedXique (num) {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/2023Qixi/xique/devotedXique',
|
||||
data: { num },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
getConfig();
|
||||
toastMsg('投放成功')
|
||||
svgaFun();
|
||||
setTimeout(function () {
|
||||
xiqueBut = true;
|
||||
}, 2000)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
xiqueBut = true;
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
xiqueBut = true;
|
||||
},
|
||||
error (err) {
|
||||
xiqueBut = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 播放喜鵲svg
|
||||
function svgaFun () {
|
||||
player1 = new SVGA.Player('.xique');
|
||||
parser1 = new SVGA.Parser('.xique');
|
||||
parser1.load('./images/xique.svga', function (videoItem) {
|
||||
player1.loops = 1
|
||||
player1.clearsAfterStop = false;
|
||||
player1.setVideoItem(videoItem);
|
||||
player1.startAnimation();
|
||||
player1.setContentMode('AspectFill')
|
||||
player1.onFinished(() => {
|
||||
// $('.svga').hide()
|
||||
})
|
||||
})
|
||||
}
|
||||
// 投放按鈕
|
||||
$('.page1 .magpieBridge .but1,.page1 .magpieBridge .but10').click(function () {
|
||||
var clas = $(this).attr('class')
|
||||
if (clas == 'but1') {
|
||||
if (xiqueNum < 1) {
|
||||
toastMsg('喜鵲數量不足,參加任務獲得吧~')
|
||||
return
|
||||
}
|
||||
if (xiqueBut) {
|
||||
xiqueBut = false;
|
||||
devotedXique(1);
|
||||
}
|
||||
|
||||
} else {
|
||||
if (xiqueNum < 10) {
|
||||
toastMsg('喜鵲數量不足,參加任務獲得吧~')
|
||||
return
|
||||
}
|
||||
if (xiqueBut) {
|
||||
xiqueBut = false;
|
||||
devotedXique(10);
|
||||
}
|
||||
// devotedXique(10);
|
||||
}
|
||||
})
|
||||
// 去完成任務2按鈕
|
||||
$('.page1 .task .box1 .task2 .but').click(function () {
|
||||
var click = $(this).attr('click');
|
||||
if (click != 0) {
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(roomUid);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
// 去完成任務3按鈕
|
||||
$('.page1 .task .box1 .task3 .but').click(function () {
|
||||
var click = $(this).attr('click');
|
||||
if (click != 0) {
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: giftId }))
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoomForGiftId(roomUid, giftId);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
// 循環任務按鈕
|
||||
$('.page1 .task .box2 .task2But').click(function () {
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: giftId }))
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoomForGiftId(roomUid, giftId);
|
||||
}
|
||||
}
|
||||
})
|
14
view/peko/activity/act-2023-qx/js/swiper-bundle.min.js
vendored
Normal file
@@ -2,7 +2,7 @@
|
||||
var api = locateJudge();
|
||||
var browser = checkVersion();
|
||||
var info = {};
|
||||
var betaUrl = 'https://beta.api.pekolive.com/peko/activity/act-61/index.html';
|
||||
var betaUrl = 'http://beta.api.pekolive.com/peko/activity/act-61/index.html';
|
||||
var realUrl = tranUrl + '/peko/activity/act-61/index.html';
|
||||
var share = {
|
||||
title: '纯真年代',
|
||||
|
@@ -28,7 +28,7 @@ $(function () {
|
||||
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
// url: 'https://beta.api.pekolive.com/carActivity/user',
|
||||
// url: 'http://beta.api.pekolive.com/carActivity/user',
|
||||
url: '/carActivity/user',
|
||||
headers: {
|
||||
pub_uid: info.uid,
|
||||
|
@@ -76,7 +76,7 @@
|
||||
<div class="tab2_contain">
|
||||
<div class="rule_wrap">
|
||||
<p class="rule_item">
|
||||
活动期间,每日登录pekoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
活动期间,每日登录pikoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
</p>
|
||||
</div>
|
||||
<div class="panel_wrap">
|
||||
|
1114
view/peko/activity/act-kitchen/css/index.css
Normal file
1144
view/peko/activity/act-kitchen/css/index.scss
Normal file
307
view/peko/activity/act-kitchen/css/record.css
Normal file
@@ -0,0 +1,307 @@
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
src: url("../../../common/fonts/PingFang Bold.ttf");
|
||||
src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'din-medium';
|
||||
src: url("../../../common/fonts/DINCond-Medium.ttf");
|
||||
src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.ttf") format("svg");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang-medium';
|
||||
src: url("../../../common/fonts/PingFang-Medium.ttf");
|
||||
src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%);
|
||||
}
|
||||
|
||||
.img {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 6rem;
|
||||
height: 4.13333rem;
|
||||
background: url(../images/null.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.img p {
|
||||
text-align: center;
|
||||
width: 1.33333%rem;
|
||||
position: absolute;
|
||||
bottom: -1rem;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
}
|
||||
|
||||
.record-list {
|
||||
width: 10rem;
|
||||
margin: 0.4rem auto;
|
||||
}
|
||||
|
||||
.record-list li {
|
||||
width: 100%;
|
||||
height: 8.48rem;
|
||||
background: url("../images/record/record-bg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.26667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.record-list li h3 {
|
||||
width: 100%;
|
||||
height: 0.7rem;
|
||||
line-height: 0.7rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin: 0.3rem auto -0.3rem;
|
||||
}
|
||||
|
||||
.record-list li .goldBox {
|
||||
width: 90%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
background: #F46331;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.26667rem;
|
||||
margin: 0.2rem auto 0;
|
||||
}
|
||||
|
||||
.record-list li .goldBox p {
|
||||
color: #fff;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.record-list li .goldBox span {
|
||||
color: #FFF773;
|
||||
font-size: 0.26667rem;
|
||||
}
|
||||
|
||||
.record-list li .result-wrap {
|
||||
width: 84%;
|
||||
height: 1.21333rem;
|
||||
line-height: 1.21333rem;
|
||||
box-sizing: border-box;
|
||||
margin: 0.06667rem auto 0.33333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.record-list li .result-wrap .result {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.record-list li .result-wrap .result span {
|
||||
font-size: 0.37333rem;
|
||||
color: #FFFFFF;
|
||||
padding-right: 0.18667rem;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1.90667rem;
|
||||
height: 0.6rem;
|
||||
background: url(../images/record/result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
.record-list li .result-wrap .award {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: -0.1rem;
|
||||
}
|
||||
|
||||
.record-list li .result-wrap .award p,
|
||||
.record-list li .result-wrap .award b {
|
||||
font-size: 0.37333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.record-list li .result-wrap .award .diamond {
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
}
|
||||
|
||||
.record-list li .result-wrap .result_sBox {
|
||||
width: 8.8rem;
|
||||
height: 1.14667rem;
|
||||
margin: 1rem auto 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.record-list li .result-wrap .result_sBox .bg {
|
||||
width: 1.14667rem;
|
||||
height: 1.14667rem;
|
||||
background: url("../images/record_bubble_act.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.record-list li .result-wrap .result_sBox .bg img {
|
||||
width: 75%;
|
||||
display: block;
|
||||
margin: 0.13333rem auto 0;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap {
|
||||
width: 84%;
|
||||
height: 1.21333rem;
|
||||
line-height: 1.21333rem;
|
||||
box-sizing: border-box;
|
||||
margin: 2rem auto 0;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .put {
|
||||
font-size: 0.37333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.9rem;
|
||||
position: absolute;
|
||||
width: 1.02667rem;
|
||||
height: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/record/touru.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: -0.6rem;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .list {
|
||||
width: 6.72rem;
|
||||
height: 2.77333rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.3rem auto 0;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .list .item {
|
||||
width: 0.98667rem;
|
||||
height: 1.2rem;
|
||||
margin-right: 0.92rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .list .item:nth-child(4n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .list .item p {
|
||||
width: 0.82667rem;
|
||||
height: 0.82667rem;
|
||||
background: url("../images/record_bubble.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .list .item p .gift {
|
||||
width: 75%;
|
||||
margin-top: 0.1rem;
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .list .item div {
|
||||
width: 100%;
|
||||
height: 0.33333rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .list .item div .diamond {
|
||||
width: 0.33333rem;
|
||||
height: 0.33333rem;
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
|
||||
.record-list li .put-wrap .list .item div .in {
|
||||
font-size: 0.26667rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.record-list li .marine_organism {
|
||||
width: 78%;
|
||||
height: 2.13333rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.record-list li .marine_organism span {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.record-list li .marine_organism span img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.72rem;
|
||||
height: 0.62667rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.record-list li .marine_organism span b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.26667rem;
|
||||
}
|
||||
|
||||
.record-list li .marine_organism .active {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.record-list li .marine_organism .active img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.96rem;
|
||||
height: 0.82667rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.record-list li .marine_organism .active b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
color: #FEEF60;
|
||||
font-weight: bold;
|
||||
font-size: 0.32rem;
|
||||
}
|
350
view/peko/activity/act-kitchen/css/record.scss
Normal file
@@ -0,0 +1,350 @@
|
||||
@function px2rem($px, $rem: 75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
// @function prefixurl() {
|
||||
// @return 'https://img.pekolive.com/'
|
||||
// }
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
src: url('../../../common/fonts/PingFang\ Bold.ttf');
|
||||
src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
|
||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
|
||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'din-medium';
|
||||
src: url('../../../common/fonts/DINCond-Medium.ttf');
|
||||
src: url('../../../common/fonts/DINCond-Medium.ttf') format('woff'),
|
||||
url('../../../common/fonts/DINCond-Medium.ttf') format('truetype'),
|
||||
url('../../../common/fonts/DINCond-Medium.ttf') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang-medium';
|
||||
src: url('../../../common/fonts/PingFang-Medium.ttf');
|
||||
src: url('../../../common/fonts/PingFang-Medium.ttf') format('woff'),
|
||||
url('../../../common/fonts/PingFang-Medium.ttf') format('truetype'),
|
||||
url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%);
|
||||
}
|
||||
|
||||
.img {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(450 );
|
||||
height: px2rem(310 );
|
||||
background: url(../images/null.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
width: px2rem(100% );
|
||||
position: absolute;
|
||||
bottom: -1rem;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
color: #fff;
|
||||
font-size: px2rem(20 );
|
||||
}
|
||||
}
|
||||
|
||||
.record-list {
|
||||
width: px2rem(750 );
|
||||
margin: px2rem(30 ) auto;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(636 );
|
||||
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
|
||||
background: url('../images/record/record-bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: px2rem(20 );
|
||||
overflow: hidden;
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
height: 0.7rem;
|
||||
line-height: 0.7rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin: 0.3rem auto -0.3rem;
|
||||
|
||||
}
|
||||
|
||||
.goldBox {
|
||||
width: 90%;
|
||||
height: px2rem(44 );
|
||||
line-height: px2rem(44 );
|
||||
background: #F46331;
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(20 );
|
||||
margin: 0.2rem auto 0;
|
||||
|
||||
p {
|
||||
color: #fff;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FFF773;
|
||||
font-size: px2rem(20 );
|
||||
}
|
||||
|
||||
// .gold {
|
||||
// font-size: px2rem(26 );
|
||||
// color: #FEEF60;
|
||||
// }
|
||||
}
|
||||
|
||||
.result-wrap {
|
||||
width: 84%;
|
||||
height: px2rem(91 );
|
||||
line-height: px2rem(91 );
|
||||
box-sizing: border-box;
|
||||
margin: px2rem(5 ) auto px2rem(25 );
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
.result {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
font-size: px2rem(28 );
|
||||
color: #FFFFFF;
|
||||
padding-right: px2rem(14 );
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(143 );
|
||||
height: px2rem(45 );
|
||||
background: url(../images/record/result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
// .bg {
|
||||
// width: px2rem(91 );
|
||||
// height: px2rem(91 );
|
||||
// background: url('../images/record_bubble_act.png') no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// text-align: center;
|
||||
|
||||
// img {
|
||||
// width: 75%;
|
||||
// margin-top: 0.15rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
.award {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
// right: 0.8rem;
|
||||
// top: 1.8rem;
|
||||
right: 0rem;
|
||||
top: -0.1rem;
|
||||
|
||||
p,
|
||||
b {
|
||||
font-size: px2rem(28 );
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.diamond {
|
||||
width: px2rem(28 );
|
||||
height: px2rem(28 );
|
||||
}
|
||||
}
|
||||
|
||||
.result_sBox {
|
||||
width: px2rem(660 );
|
||||
height: px2rem(86 );
|
||||
margin: 1rem auto 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.bg {
|
||||
width: px2rem(86 );
|
||||
height: px2rem(86 );
|
||||
background: url('../images/record_bubble_act.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: 75%;
|
||||
display: block;
|
||||
margin: px2rem(10 ) auto 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.put-wrap {
|
||||
width: 84%;
|
||||
height: px2rem(91 );
|
||||
line-height: px2rem(91 );
|
||||
box-sizing: border-box;
|
||||
margin: 2rem auto 0;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
.put {
|
||||
font-size: px2rem(28 );
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.9rem;
|
||||
position: absolute;
|
||||
width: px2rem(77 );
|
||||
height: px2rem(45 );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/record/touru.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: -0.6rem;
|
||||
}
|
||||
|
||||
.list {
|
||||
width: px2rem(504 );
|
||||
height: px2rem(208 );
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.3rem auto 0;
|
||||
|
||||
.item {
|
||||
width: px2rem(74 );
|
||||
height: px2rem(90 );
|
||||
margin-right: 0.92rem;
|
||||
// position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
&:nth-child(4n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
width: px2rem(62 );
|
||||
height: px2rem(62 );
|
||||
background: url('../images/record_bubble.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.gift {
|
||||
width: 75%;
|
||||
margin-top: 0.1rem;
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
height: px2rem(25 );
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.diamond {
|
||||
width: px2rem(25 );
|
||||
height: px2rem(25 );
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
|
||||
.in {
|
||||
font-size: px2rem(20 );
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.marine_organism {
|
||||
// width: px2rem(560 );
|
||||
width: 78%;
|
||||
height: px2rem(160 );
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
|
||||
span {
|
||||
width: px2rem(120 );
|
||||
height: px2rem(120 );
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(54 );
|
||||
height: px2rem(47 );
|
||||
display: block;
|
||||
}
|
||||
|
||||
b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(20 );
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
width: px2rem(120 );
|
||||
height: px2rem(120 );
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(72 );
|
||||
height: px2rem(62 );
|
||||
display: block;
|
||||
}
|
||||
|
||||
b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
color: #FEEF60;
|
||||
// -webkit-text-stroke: px2rem(2 ) #FF5C7E;
|
||||
// text-stroke: px2rem(2 ) #FF5C7E;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(24 );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
BIN
view/peko/activity/act-kitchen/images/1.png
Normal file
After Width: | Height: | Size: 5.0 KiB |
BIN
view/peko/activity/act-kitchen/images/2.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/act-kitchen/images/3.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/activity/act-kitchen/images/4.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/act-kitchen/images/5.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
view/peko/activity/act-kitchen/images/6.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/activity/act-kitchen/images/7.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-kitchen/images/8.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/act-kitchen/images/Bdiamond.png
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
view/peko/activity/act-kitchen/images/Sdiamond.png
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
view/peko/activity/act-kitchen/images/add.png
Normal file
After Width: | Height: | Size: 1.8 KiB |