Compare commits
173 Commits
iteration1
...
logout
Author | SHA1 | Date | |
---|---|---|---|
![]() |
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 | ||
![]() |
aee9ee1819 | ||
![]() |
15b88a3930 | ||
![]() |
7f7e13d1d6 | ||
![]() |
0d9ac965ce | ||
![]() |
fe16f7d03c | ||
![]() |
5f586d0280 | ||
![]() |
f2b1592d91 | ||
![]() |
840c745b41 | ||
![]() |
760c38a415 | ||
![]() |
906c1623e0 | ||
![]() |
b66051c24a | ||
![]() |
7eefa8c5d7 | ||
![]() |
5a3f71dbe8 | ||
![]() |
26004af207 | ||
![]() |
592d5da683 | ||
![]() |
642c383576 | ||
![]() |
141a589b69 | ||
![]() |
edc6375e11 | ||
![]() |
c12b08e3f8 | ||
![]() |
0a4ff7e83c | ||
![]() |
4c8e0c6a9a | ||
![]() |
865c5496cf | ||
![]() |
54dc906e35 | ||
![]() |
9398b10240 | ||
![]() |
e73df1d25a | ||
![]() |
ba5e5a6b77 | ||
![]() |
09985ea05a | ||
![]() |
3ff071780b | ||
![]() |
e1f6253807 | ||
![]() |
3caed7927b | ||
![]() |
1871830a8c | ||
![]() |
0347d1d055 | ||
![]() |
3eaa4c2fae | ||
![]() |
9f946f0837 | ||
![]() |
8afbeb96e8 | ||
![]() |
5de1125e3c | ||
![]() |
724cf39448 | ||
![]() |
989c70160c | ||
![]() |
6452505805 | ||
![]() |
a259af6c6a | ||
![]() |
8729fc7f5b | ||
![]() |
82dc3faf62 | ||
![]() |
f238bb7555 | ||
![]() |
bcdd71940b | ||
![]() |
8961247913 | ||
![]() |
8f1f3ffd05 | ||
![]() |
88338517c4 | ||
![]() |
e3a6e343bd | ||
![]() |
bb9ad461b0 | ||
![]() |
303c60e445 | ||
![]() |
39469b924d | ||
![]() |
24b3a8ca5e | ||
![]() |
30709845dd | ||
![]() |
b88da33b28 | ||
![]() |
1f638070cc | ||
![]() |
edfeb646f6 | ||
![]() |
ab175d9390 | ||
![]() |
e4faf289a9 | ||
![]() |
f1871efd20 | ||
![]() |
3f18ee1b3b | ||
![]() |
dc18fe1855 | ||
![]() |
99bef1bc05 | ||
![]() |
2911cfbc69 | ||
![]() |
495eca12ca | ||
![]() |
bed6c791d8 | ||
![]() |
e87f43e915 | ||
![]() |
3c98cda3fb | ||
![]() |
2a5dbc8bb5 | ||
![]() |
269c4830c6 | ||
![]() |
53ee72b18c | ||
![]() |
66d1cff449 | ||
![]() |
cff7e3fd60 | ||
![]() |
d046757f97 | ||
![]() |
7b87ef9636 | ||
![]() |
c6ef22dd31 | ||
![]() |
b4b77f43d3 | ||
![]() |
5c530716a5 | ||
![]() |
6dfb3df3ed | ||
![]() |
564c4c80a3 | ||
![]() |
b489c22d8c | ||
![]() |
d2f0970bda | ||
![]() |
2db5fd90c7 | ||
![]() |
bc9bc487c1 | ||
![]() |
7ef958b09c | ||
![]() |
636bb2519f | ||
![]() |
62f23e6b26 | ||
![]() |
52351df8d5 |
1340
view/peko/activity/2023-Valentines-Day/css/index.css
Normal file
1531
view/peko/activity/2023-Valentines-Day/css/index.scss
Normal file
13
view/peko/activity/2023-Valentines-Day/css/swiper-bundle.min.css
vendored
Normal file
BIN
view/peko/activity/2023-Valentines-Day/images/arrows.png
Normal file
After Width: | Height: | Size: 289 B |
BIN
view/peko/activity/2023-Valentines-Day/images/awardBg.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/bling0.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/bling1.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/bling2.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/btn_act.png
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/btn_add.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/btn_change.png
Normal file
After Width: | Height: | Size: 2.8 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/btn_cp.png
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/btn_cut.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/btn_noact.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/btn_rule.png
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/btn_sure.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/change_record.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/chargeBg.png
Normal file
After Width: | Height: | Size: 50 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/circle.png
Normal file
After Width: | Height: | Size: 6.3 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/close.png
Normal file
After Width: | Height: | Size: 479 B |
BIN
view/peko/activity/2023-Valentines-Day/images/cpAward.png
Normal file
After Width: | Height: | Size: 66 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/cpAwardBg.png
Normal file
After Width: | Height: | Size: 96 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/cpRecordBg.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/drawBg.png
Normal file
After Width: | Height: | Size: 52 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/get_letter.png
Normal file
After Width: | Height: | Size: 9.4 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/giftBg.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/good_num.png
Normal file
After Width: | Height: | Size: 7.1 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/gx.png
Normal file
After Width: | Height: | Size: 57 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/letter.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/letterBg.png
Normal file
After Width: | Height: | Size: 120 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/letter_gift.png
Normal file
After Width: | Height: | Size: 7.4 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/lianghao.png
Normal file
After Width: | Height: | Size: 7.1 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/line_l.png
Normal file
After Width: | Height: | Size: 718 B |
BIN
view/peko/activity/2023-Valentines-Day/images/line_r.png
Normal file
After Width: | Height: | Size: 729 B |
BIN
view/peko/activity/2023-Valentines-Day/images/logo.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/main.png
Normal file
After Width: | Height: | Size: 161 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/mingpai.png
Normal file
After Width: | Height: | Size: 6.3 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/mycpBg.png
Normal file
After Width: | Height: | Size: 56 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/myrankBg.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/myxin.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/openGiftBg.png
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/petitionBg.png
Normal file
After Width: | Height: | Size: 38 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/petition_title.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/rankAward.png
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/rankBg.png
Normal file
After Width: | Height: | Size: 72 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/rank_title.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/recordBg.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/rule.png
Normal file
After Width: | Height: | Size: 84 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/ruleBg.png
Normal file
After Width: | Height: | Size: 88 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/slide1.png
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/slide2.png
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/special1.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/special2.png
Normal file
After Width: | Height: | Size: 4.5 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/special3.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/special4.png
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/swiper_title.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/tishiBg.png
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/to_charge.png
Normal file
After Width: | Height: | Size: 9.5 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/toushi.png
Normal file
After Width: | Height: | Size: 7.8 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/txBg.png
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/unread.png
Normal file
After Width: | Height: | Size: 407 B |
BIN
view/peko/activity/2023-Valentines-Day/images/xin.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/ziliaoka.png
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
view/peko/activity/2023-Valentines-Day/images/zuojia.png
Normal file
After Width: | Height: | Size: 8.1 KiB |
381
view/peko/activity/2023-Valentines-Day/index.html
Normal file
@@ -0,0 +1,381 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<title>情定cp 缔结良缘</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?v=1.43">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrap no-in-app">
|
||||
<!-- 主视觉 -->
|
||||
<div class="banner"><img src="./images/main.png" alt=""></div>
|
||||
<div class="mycp"><img src="./images/btn_cp.png" alt=""></div>
|
||||
<div class="unread">0</div>
|
||||
<div class="rule"><img src="./images/btn_rule.png" alt=""></div>
|
||||
<!-- 情缘信物 -->
|
||||
<div class="letter-wrap">
|
||||
<div class="tips">購買並贈送CP信物,對方同意締結後,即可結成CP;<br>送情人節限定禮物和信物都能增加情緣值喲~</div>
|
||||
<div class="cp_record">CP獎勵記錄</div>
|
||||
<div class="letter">
|
||||
<div class="imgbox">
|
||||
<img src="./images/letter_gift.png" alt="">
|
||||
</div>
|
||||
<p>我的信物:<e>0</e>個</p>
|
||||
<div class="letter_rule">締結CP後,互送情人節限定禮物,積攢<br>情緣值即可獲得豐厚特權獎勵~</div>
|
||||
</div>
|
||||
<div class="but">
|
||||
<input type="number" value="1" maxlength="999"
|
||||
onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
|
||||
<img src="./images/btn_add.png" class="add" alt="">
|
||||
<img src="./images/btn_cut.png" class="cut" alt="">
|
||||
</div>
|
||||
<!-- 获取信物按钮 -->
|
||||
<div class="get_letter">
|
||||
<img src="./images/get_letter.png" alt="">
|
||||
</div>
|
||||
<!-- 特权奖励 -->
|
||||
<div class="award_title">
|
||||
<img class="line" src="./images/line_l.png" alt="">
|
||||
<span>特權獎勵</span>
|
||||
<img class="line" src="./images/line_r.png" alt="">
|
||||
</div>
|
||||
<div class="subheard">達到相應的情緣值即可獲得對應特權獎勵哦~</div>
|
||||
<div class="award">
|
||||
<div class="giftbox">
|
||||
<img src="./images/special1.png" alt="">
|
||||
<span>一見鐘情</span>
|
||||
<p>10000情緣值</p>
|
||||
</div>
|
||||
<img class="arrow" src="./images/arrows.png" alt="">
|
||||
<div class="giftbox">
|
||||
<img src="./images/special2.png" alt="">
|
||||
<span>情竇初開</span>
|
||||
<p>52000情緣值</p>
|
||||
</div>
|
||||
<img class="arrow" src="./images/arrows.png" alt="">
|
||||
<div class="giftbox">
|
||||
<img src="./images/special3.png" alt="">
|
||||
<span>心心相印</span>
|
||||
<p>131400情緣值</p>
|
||||
</div>
|
||||
<img class="arrow" src="./images/arrows.png" alt="">
|
||||
<div class="giftbox">
|
||||
<img src="./images/special4.png" alt="">
|
||||
<span>緣定今生</span>
|
||||
<p>334400情緣值</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="bling0" src="./images/bling0.png" alt="">
|
||||
<!-- 礼物轮播 -->
|
||||
<div class="swiper-title"></div>
|
||||
<div class="swiper-container swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/slide1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/slide2.png" class="slide2" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="swiper-pagination swp"></div> -->
|
||||
</div>
|
||||
<img class="bling1" src="./images/bling1.png" alt="">
|
||||
<!-- 送礼得情签 -->
|
||||
<div class="petition_title"></div>
|
||||
<div class="petition-wrap">
|
||||
<div class="myticket">
|
||||
<span>我的情簽: <e></e></span>
|
||||
<div class="charge">兌換記錄</div>
|
||||
</div>
|
||||
<div class="subheard">贈送情人節限定禮物,送出一個禮物可得對應數量的「幸運情簽」,且可增加CP間的情緣值,情簽可兌換特權或抽獎喲~</div>
|
||||
<div class="chargeTab">
|
||||
<div class="item itemact">兌換好禮</div>
|
||||
<div class="item">幸運靚號</div>
|
||||
</div>
|
||||
<ul class="gift-wrap">
|
||||
<li class="li1">
|
||||
<div class="giftbg">
|
||||
<img class="mingpai" src="./images/mingpai.png" alt="">
|
||||
</div>
|
||||
<span></span>
|
||||
<div class="but">
|
||||
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
|
||||
<img src="./images/btn_add.png" class="add" alt="">
|
||||
<img src="./images/btn_cut.png" class="cut" alt="">
|
||||
</div>
|
||||
<div class="btn">兌換銘牌</div>
|
||||
<p><e></e>情签一次</p>
|
||||
</li>
|
||||
<li class="li2">
|
||||
<div class="giftbg">
|
||||
<img class="gift" src="./images/ziliaoka.png" alt="">
|
||||
</div>
|
||||
<span></span>
|
||||
<div class="but">
|
||||
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
|
||||
<img src="./images/btn_add.png" class="add" alt="">
|
||||
<img src="./images/btn_cut.png" class="cut" alt="">
|
||||
</div>
|
||||
<div class="btn">兌換資料卡</div>
|
||||
<p><e></e>情签一次</p>
|
||||
</li>
|
||||
<li class="li3">
|
||||
<div class="giftbg">
|
||||
<img class="gift" src="./images/toushi.png" alt="">
|
||||
</div>
|
||||
<span></span>
|
||||
<div class="but">
|
||||
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
|
||||
<img src="./images/btn_add.png" class="add" alt="">
|
||||
<img src="./images/btn_cut.png" class="cut" alt="">
|
||||
</div>
|
||||
<div class="btn">兌換頭飾</div>
|
||||
<p><e></e>情签一次</p>
|
||||
</li>
|
||||
<li class="li4">
|
||||
<div class="giftbg">
|
||||
<img class="gift" src="./images/zuojia.png" alt="">
|
||||
</div>
|
||||
<span></span>
|
||||
<div class="but">
|
||||
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
|
||||
<img src="./images/btn_add.png" class="add" alt="">
|
||||
<img src="./images/btn_cut.png" class="cut" alt="">
|
||||
</div>
|
||||
<div class="btn">兌換座駕</div>
|
||||
<p><e></e>情签一次</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="number-wrap" style="display: none;">
|
||||
<li>
|
||||
<div class="giftbg">
|
||||
<img class="gift" src="./images/lianghao.png" alt="">
|
||||
</div>
|
||||
<span>幸運靚號(52***)1組</span>
|
||||
<div class="but">
|
||||
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
|
||||
<img src="./images/btn_add.png" class="add" alt="">
|
||||
<img src="./images/btn_cut.png" class="cut" alt="">
|
||||
</div>
|
||||
<div class="btn">抽取靚號</div>
|
||||
<p><e></e>情签一次</p>
|
||||
<div class="tips">中獎後請聯系客服領取哦~</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<img class="bling2" src="./images/bling2.png" alt="">
|
||||
<!-- 榜单 -->
|
||||
<div class="rank_title"></div>
|
||||
<div class="rank-wrap">
|
||||
<!-- 奖励 -->
|
||||
<img src="./images/rankAward.png" class="reward" alt="">
|
||||
<!-- 榜单列表 -->
|
||||
<div class="list">
|
||||
<div class="no1">
|
||||
<div class="txbox1">
|
||||
<img src="./images/logo.png" class="tx" alt="">
|
||||
</div>
|
||||
<div class="txbox2">
|
||||
<img src="./images/logo.png" class="tx" alt="">
|
||||
</div>
|
||||
<div class="nick1">虛位以待</div>
|
||||
<div class="nick2">虛位以待</div>
|
||||
<img src="./images/xin.png" class="xin" alt="">
|
||||
<div class="score">情緣值:<b>0</b></div>
|
||||
</div>
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<div class="num">2</div>
|
||||
<div class="txbox1">
|
||||
<img src="./images/logo.png" class="tx" alt="">
|
||||
</div>
|
||||
<div class="txbox2">
|
||||
<img src="./images/logo.png" class="tx" alt="">
|
||||
</div>
|
||||
<div class="nick1"></div>
|
||||
<div class="nick2"></div>
|
||||
<img src="./images/xin.png" class="xin" alt="">
|
||||
<span>情緣值</span>
|
||||
<div class="score"></div>
|
||||
</li>
|
||||
<li><p>等你來上榜~</p></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="myRank">
|
||||
<div class="num">未上榜</div>
|
||||
<div class="txbox1">
|
||||
<img src="./images/logo.png" class="tx" alt="">
|
||||
</div>
|
||||
<div class="txbox2">
|
||||
<img src="./images/logo.png" class="tx" alt="">
|
||||
</div>
|
||||
<div class="nick1">暫無cp</div>
|
||||
<div class="nick2">暫無cp</div>
|
||||
<img src="./images/myxin.png" class="xin" alt="">
|
||||
<span>情緣值</span>
|
||||
<div class="score">0</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 恭喜获得弹窗1,2 -->
|
||||
<div class="gx">
|
||||
<div class="gx_in">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
<ul class="box">
|
||||
<li>
|
||||
<div class="bg">
|
||||
<img src="./images/logo.png" alt="">
|
||||
</div>
|
||||
<span></span>
|
||||
</li>
|
||||
</ul>
|
||||
<img src="./images/btn_sure.png" class="sure" alt="">
|
||||
<div class="tips">奖励将自动发放到装扮中心,快去展示自己吧~</div>
|
||||
<!-- <div class="tips">*情人节限定5位靓号:52XXX(XXX为随机数字,一组为2个靓号,<br>联系客服领取:LINE: pekoyuyin)</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- 我的cp弹窗 -->
|
||||
<div class="mycpBox">
|
||||
<div class="mycp_in">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
<div class="tishi">*CP一旦結成,不可取消</div>
|
||||
<p>
|
||||
<span>我的CP</span>
|
||||
<span>情缘值</span>
|
||||
<span>状态</span>
|
||||
</p>
|
||||
<ul class="box">
|
||||
<li>
|
||||
<b>CP1的昵称...</b>
|
||||
<b class="cpValue">170011703</b>
|
||||
<span class="pass">已缔结</span>
|
||||
</li>
|
||||
<li>
|
||||
<b>CP1的昵称...</b>
|
||||
<b class="cpValue">170011703</b>
|
||||
<span class="waitpass" inviterUid="2346">可通过</span>
|
||||
</li>
|
||||
<li>
|
||||
<b>Cp1的昵称...</b>
|
||||
<b class="cpValue">170011703</b>
|
||||
<span class="canpass">待通过</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tips">暫無更多記錄~</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cp奖励记录弹窗 -->
|
||||
<div class="cpRecordBox">
|
||||
<div class="cpRecord_in">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
<p>
|
||||
<span>时间</span>
|
||||
<span>我的CP</span>
|
||||
<span>情缘等级</span>
|
||||
<span>奖励</span>
|
||||
</p>
|
||||
<ul class="box">
|
||||
<li>
|
||||
<b>08.31 <e>23:23</e></b>
|
||||
<b>CP1的昵称...</b>
|
||||
<b>缘定今生</b>
|
||||
<b class="jiangli">XXX座驾1天*1组</b>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tips">暫無更多記錄~</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 情签抽奖记录弹窗 -->
|
||||
<div class="drawBox">
|
||||
<div class="draw_in">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
<p>
|
||||
<span>时间</span>
|
||||
<span>消耗情签</span>
|
||||
<span>奖励</span>
|
||||
</p>
|
||||
<ul class="box">
|
||||
<li>
|
||||
<b>08.31 <e>23:23</e></b>
|
||||
<b>38</b>
|
||||
<b class="number">幸运靓号1组</b>
|
||||
</li>
|
||||
<li>
|
||||
<b>08.31 <e>23:23</e></b>
|
||||
<b>38</b>
|
||||
<b class="number">未中奖</b>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tips">暫無更多記錄~</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 情签兑换记录弹窗 -->
|
||||
<div class="exchangeBox">
|
||||
<div class="exchange_in">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
<p>
|
||||
<span>时间</span>
|
||||
<span>消耗情签</span>
|
||||
<span>奖励</span>
|
||||
<span>奖励天数</span>
|
||||
</p>
|
||||
<ul class="box">
|
||||
<li>
|
||||
<b>08.31 <e>23:23</e></b>
|
||||
<b>28</b>
|
||||
<b>缘定今生</b>
|
||||
<b>1天</b>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="tips">暫無更多記錄~</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 规则弹窗 -->
|
||||
<div class="ruleBox">
|
||||
<div class="rule_in">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
<div class="box">
|
||||
<img src="./images/rule.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 榜單獎勵 -->
|
||||
<div class="rewardBox">
|
||||
<div class="reward_in">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
<div class="box">
|
||||
<img src="./images/cpAward.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 温馨提示 -->
|
||||
<div class="tishiBox">
|
||||
<div class="tishi_in">
|
||||
<div class="title">鉆石不足,請充值後再來獲取信物吧~</div>
|
||||
<img src="./images/to_charge.png" class="recharge" alt="">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<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="./js/swiper-bundle.min.js"></script>
|
||||
<script src="./js/index.js?v=1.43"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
876
view/peko/activity/2023-Valentines-Day/js/index.js
Normal file
@@ -0,0 +1,876 @@
|
||||
|
||||
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',
|
||||
offset: 'b'
|
||||
})
|
||||
}
|
||||
|
||||
if (false) {//!browser.app
|
||||
toastMsg('請在app內打開!');
|
||||
} else {
|
||||
$('.wrap').removeClass('no-in-app')
|
||||
}
|
||||
|
||||
var nowTime = new Date().getTime()
|
||||
var startTime
|
||||
var endTime
|
||||
var canGet = true
|
||||
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
getLetterInit()
|
||||
getPetitionInit()
|
||||
cpOffset()
|
||||
getRank()
|
||||
swiperFun()
|
||||
}, 100)
|
||||
})
|
||||
|
||||
// 礼物轮播
|
||||
function swiperFun() {
|
||||
var swiper = new Swiper('.swiper', {
|
||||
autoplay: {
|
||||
delay: 2000,//2秒切换一次
|
||||
},
|
||||
// loop: true, // 循环模式选项
|
||||
direction: 'horizontal',
|
||||
});
|
||||
}
|
||||
|
||||
// 获取信物配置
|
||||
function getLetterInit() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/valentineCp/getKeepsakeConfig',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
startTime = res.data.startTime;
|
||||
endTime = res.data.endTime;
|
||||
$('.letter-wrap .letter .imgbox img').attr('src', res.data.keepsake.icon)
|
||||
$('.letter-wrap .letter p e').text(res.data.keepsakeNum)
|
||||
$('.letter-wrap .get_letter').attr('id', res.data.keepsake.id)
|
||||
$('.letter-wrap .get_letter').attr('type', res.data.keepsake.type)
|
||||
if (nowTime >= res.data.endTime) {
|
||||
$('.letter-wrap .get_letter').css('filter', 'grayscale(0.7)')
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 获取兑换/抽奖配置
|
||||
function getPetitionInit() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/valentineCp/getPropItemConfig',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
$('.petition-wrap .myticket span e').html(res.data.cpCurrency)
|
||||
let numberList = res.data.propTabs.find(item => {
|
||||
return item.type == 2
|
||||
})
|
||||
let chargeList = res.data.propTabs.find(item => {
|
||||
return item.type == 1
|
||||
})
|
||||
chargeList.props.forEach((res, i) => {
|
||||
$(`.petition-wrap .gift-wrap .li${i + 1} .giftbg img`).attr('src', res.icon)
|
||||
$(`.petition-wrap .gift-wrap .li${i + 1} span`).html(res.name)
|
||||
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).attr('id', res.id)
|
||||
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).attr('type', res.type)
|
||||
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).html(res.type == 2 ? '兌換銘牌' : res.type == 3 ? '兌換資料卡' : res.type == 4 ? '兌換頭飾' : '兌換座駕')
|
||||
$(`.petition-wrap .gift-wrap .li${i + 1} p e`).html(res.price)
|
||||
})
|
||||
|
||||
numberList.props.forEach(res => {
|
||||
$('.petition-wrap .number-wrap .giftbg img').attr('src', res.icon)
|
||||
$('.petition-wrap .number-wrap span').html(res.name)
|
||||
$('.petition-wrap .number-wrap .btn').attr('id', res.id)
|
||||
$('.petition-wrap .number-wrap .btn').attr('type', res.type)
|
||||
$('.petition-wrap .number-wrap p e').html(res.price)
|
||||
|
||||
})
|
||||
|
||||
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 我的cp未读数
|
||||
function cpOffset() {
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/valentineCp/cpOffset',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data > 9) {
|
||||
$('.wrap .unread').html('9+')
|
||||
} else if (res.data == 0) {
|
||||
$('.wrap .unread').hide()
|
||||
} else {
|
||||
$('.wrap .unread').html(res.data)
|
||||
}
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 我的cp列表
|
||||
function myCpList() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/valentineCp/cpList',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
let cpList = ''
|
||||
if (res.data == 0 || !res.data) {
|
||||
$('.mycpBox .mycp_in .tips').show()
|
||||
} else {
|
||||
res.data.forEach(res => {
|
||||
cpList += `
|
||||
<li>
|
||||
<b>${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</b>
|
||||
<b class="cpValue">${res.cpValue}</b>
|
||||
<span inviterUid="${res.uid}" class='${res.status == 0 ? "canpass" : res.status == 1 ? "waitpass" : "pass"}'>${res.status == 0 ? "待通過" : res.status == 1 ? "可通過" : "已締結"}</span>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.mycpBox .mycp_in ul').append(cpList)
|
||||
}
|
||||
$('.mycpBox').show();
|
||||
|
||||
$('.mycpBox .mycp_in .box li').off()
|
||||
$('.mycpBox .mycp_in .box li').on("click", '.waitpass', function () {
|
||||
let index = $(this).parents().index()
|
||||
let inviterUid = $(this).attr('inviterUid')
|
||||
confirmCp(inviterUid, index)
|
||||
})
|
||||
|
||||
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 通过cp缔结
|
||||
function confirmCp(inviterUid, index) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/valentineCp/confirmCp',
|
||||
data: { inviterUid },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
$('.mycpBox .mycp_in .box li').eq(index).find('span').addClass('pass')
|
||||
$('.mycpBox .mycp_in .box li').eq(index).find('span').removeClass('waitpass')
|
||||
$('.mycpBox .mycp_in .box li').eq(index).find('span').html('已締結')
|
||||
toastMsg('締結成功,快去增加和TA的情緣值吧~')
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// cp奖励记录
|
||||
var cpRecordPage = 1
|
||||
var cpRecordScroll = true
|
||||
function cpRewardRecord(cpRecordPage) {
|
||||
cpRecordScroll = false;
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/valentineCp/pageCpRewardRecord',
|
||||
data: { page: cpRecordPage, pageSize: 10 },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.records.length > 0) {
|
||||
let str = ``;
|
||||
res.data.records.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<b>${res.dateTime}</b>
|
||||
<b>${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</b>
|
||||
<b>${res.levelDesc}</b>
|
||||
<b class="jiangli">${res.rewardDesc}</b>
|
||||
</li>
|
||||
`
|
||||
});
|
||||
$('.cpRecordBox .cpRecord_in .box').append(str);
|
||||
cpRecordScroll = true;
|
||||
} else {
|
||||
cpRecordScroll = false;
|
||||
$('.cpRecordBox .cpRecord_in .tips').show();
|
||||
}
|
||||
$('.cpRecordBox').show();
|
||||
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
cpRecordScroll = true;
|
||||
bodyScroolFun(false)
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
cpRecordScroll = true;
|
||||
bodyScroolFun(false)
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 获取兑换/抽奖记录
|
||||
var drawPage = 1
|
||||
var drawScroll = true
|
||||
function getDrawRecord(drawPage, tab) {
|
||||
drawScroll = false;
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/valentineCp/pageRecord',
|
||||
data: { page: drawPage, pageSize: 10, tab },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.records.length > 0) {
|
||||
let str = ``;
|
||||
if (tab == 1) {
|
||||
res.data.records.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<b>${res.dateTime}</b>
|
||||
<b>${res.cost}</b>
|
||||
<b>${res.rewardDesc}</b>
|
||||
<b>${res.rewardDays}天</b>
|
||||
</li>
|
||||
`
|
||||
});
|
||||
$('.exchangeBox .exchange_in .box').append(str);
|
||||
$('.exchangeBox').show();
|
||||
} else {
|
||||
res.data.records.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<b>${res.dateTime}</b>
|
||||
<b>${res.cost}</b>
|
||||
<b>${res.rewardDesc}</b>
|
||||
</li>
|
||||
`
|
||||
});
|
||||
$('.drawBox .draw_in .box').append(str);
|
||||
$('.drawBox').show();
|
||||
}
|
||||
|
||||
drawScroll = true;
|
||||
} else {
|
||||
drawScroll = false;
|
||||
if (tab == 1) {
|
||||
$('.exchangeBox .exchange_in .tips').show();
|
||||
$('.exchangeBox').show();
|
||||
} else {
|
||||
$('.drawBox .draw_in .tips').show();
|
||||
$('.drawBox').show();
|
||||
}
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
drawScroll = true;
|
||||
bodyScroolFun(false)
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
drawScroll = true;
|
||||
bodyScroolFun(false)
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 购买信物、兑换、抽奖 (道具id,数量)
|
||||
function buy(id, num, type) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/act/valentineCp/buy',
|
||||
data: { id, num },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.prop) {
|
||||
if (res.data.prop.type == 1) {
|
||||
$('.letter-wrap .letter p e').html(res.data.remain)
|
||||
toastMsg('購買成功,信物已放進背包,快送給你心儀的TA吧~')
|
||||
canGet = true
|
||||
} else if (res.data.prop.type == 6) {
|
||||
$('.petition-wrap .myticket span e').html(res.data.remain)
|
||||
$('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
|
||||
$('.gx .gx_in .box li span').html( res.data.prop.name)
|
||||
$('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXX(XXX為隨機數字,一組為2個靚號,<br>聯系客服領取:LINE: pekoyuyin)`)
|
||||
$('.gx').show()
|
||||
|
||||
} else {
|
||||
// if (res.data.prop.type == 2){
|
||||
// $('.gx .gx_in .box li img').addClass('mingpai')
|
||||
// }else {
|
||||
// $('.gx .gx_in .box li img').removeClass('mingpai')
|
||||
// }
|
||||
$('.petition-wrap .myticket span e').html(res.data.remain)
|
||||
$('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
|
||||
$('.gx .gx_in .box li span').html(res.data.prop.name)
|
||||
$('.gx .gx_in .tips').html(`獎勵將自動發放到裝扮中心,快去展示自己吧~`)
|
||||
$('.gx').show()
|
||||
}
|
||||
} else {
|
||||
if (type == 6) {
|
||||
toastMsg('很遺憾沒有抽到,距離靚號就差一點啦~')
|
||||
$('.petition-wrap .myticket span e').html(res.data.remain)
|
||||
} else if(type == 1,type == 3,type == 4,type == 5){
|
||||
$('.petition-wrap .myticket span e').html(res.data.remain)
|
||||
}else{
|
||||
$('.letter-wrap .letter p e').html(res.data.remain)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
|
||||
canGet = true
|
||||
}
|
||||
|
||||
hideLoading(layerIndex)
|
||||
} else if (res.code == 31005) {
|
||||
$('.tishiBox').show()
|
||||
canGet = true
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
canGet = true
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
canGet = true
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 榜单接口
|
||||
function getRank() {
|
||||
$('.rank-wrap .list ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/valentineCp/getRank',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 前一
|
||||
var top1 = res.data.rankList.slice(0, 1);
|
||||
var notTop1 = res.data.rankList.slice(1);
|
||||
if (top1.length < 1) {
|
||||
let arr = new Array(1 - top1.length).fill({
|
||||
inviterAvatar: './images/logo.png',
|
||||
inviterNick: '虛位以待',
|
||||
cpValue: 0,
|
||||
inviteeAvatar: './images/logo.png',
|
||||
inviteeNick: '虛位以待',
|
||||
})
|
||||
top1.push(...arr)
|
||||
}
|
||||
top1.forEach((res, index) => {
|
||||
$(`.rank-wrap .list .no${index + 1} .txbox1 img`).attr('src', res.inviterAvatar);
|
||||
$(`.rank-wrap .list .no${index + 1} .txbox1`).attr('uid', res.inviterUid);
|
||||
$(`.rank-wrap .list .no${index + 1} .nick1`).html(res.inviterNick.length > 5 ? res.inviterNick.slice(0, 5) + '...' : res.inviterNick);
|
||||
$(`.rank-wrap .list .no${index + 1} .txbox2 img`).attr('src', res.inviteeAvatar);
|
||||
$(`.rank-wrap .list .no${index + 1} .txbox2`).attr('uid', res.inviteeUid);
|
||||
$(`.rank-wrap .list .no${index + 1} .nick2`).html(res.inviteeNick.length > 5 ? res.inviteeNick.slice(0, 5) + '...' : res.inviteeNick);
|
||||
$(`.rank-wrap .list .no${index + 1} .score b`).html(`${res.cpValue > 10000 ? (Math.floor(res.cpValue / 1000) / 10).toFixed(1) + 'w' : res.cpValue}`);
|
||||
});
|
||||
// 非前
|
||||
let str = ``;
|
||||
notTop1.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.ranking}</div>
|
||||
<div class="txbox1" uid="${res.inviterUid}">
|
||||
<img src="${res.inviterAvatar}" uid="${res.inviterUid}" class="tx" alt="">
|
||||
</div>
|
||||
<div class="txbox2" uid="${res.inviteeUid}">
|
||||
<img src="${res.inviteeAvatar}" uid="${res.inviteeUid}" class="tx" alt="">
|
||||
</div>
|
||||
<div class="nick1">${res.inviterNick.length > 5 ? res.inviterNick.slice(0, 5) + '...' : res.inviterNick}</div>
|
||||
<div class="nick2">${res.inviteeNick.length > 5 ? res.inviteeNick.slice(0, 5) + '...' : res.inviteeNick}</div>
|
||||
<img src="./images/xin.png" class="xin" alt="">
|
||||
<span>情緣值</span>
|
||||
<div class="score">${res.cpValue > 10000 ? (Math.floor(res.cpValue / 1000) / 10).toFixed(1) + 'w' : res.cpValue}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.rank-wrap .list ul').append(str);
|
||||
|
||||
if (notTop1.length < 9) {
|
||||
$('.rank-wrap .list ul li').eq(notTop1.length - 1).after(`<li><p>等你來上榜~</p></li>`)
|
||||
}
|
||||
if (notTop1.length == 0) {
|
||||
$('.rank-wrap .list ul').append(`<li><p>等你來上榜~</p></li>`)
|
||||
}
|
||||
|
||||
$('.rank-wrap .list ul li').on('click', '.txbox1,.txbox2', function () {
|
||||
console.log(123456);
|
||||
let uid = $(this).attr('uid')
|
||||
console.log(uid);
|
||||
if (uid) {
|
||||
openPerson(uid)
|
||||
}
|
||||
})
|
||||
|
||||
// 自己排名
|
||||
if (res.data.meRank) {
|
||||
if (res.data.meRank.ranking == 0) {
|
||||
$('.rank-wrap .myRank .num').removeClass('norank')
|
||||
} else {
|
||||
$('.rank-wrap .myRank .num').addClass('norank')
|
||||
}
|
||||
$('.rank-wrap .myRank .num').html(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
|
||||
$('.rank-wrap .myRank .txbox1 img').attr('src', res.data.meRank.inviterAvatar);
|
||||
$('.rank-wrap .myRank .txbox2 img').attr('src', res.data.meRank.inviteeAvatar);
|
||||
$('.rank-wrap .myRank .nick1').text(res.data.meRank.inviterNick.length > 5 ? res.data.meRank.inviterNick.slice(0, 5) + '...' : res.data.meRank.inviterNick)
|
||||
if(res.data.meRank.inviteeNick){
|
||||
$('.rank-wrap .myRank .nick2').text(res.data.meRank.inviteeNick.length > 5 ? res.data.meRank.inviteeNick.slice(0, 5) + '...' : res.data.meRank.inviteeNick)
|
||||
}
|
||||
$('.rank-wrap .myRank .score').html(`${res.data.meRank.cpValue > 10000 ? (Math.floor(res.data.meRank.cpValue / 1000) / 10).toFixed(1) + 'w' : res.data.meRank.cpValue}`);
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 埋点接口
|
||||
// event(去充值=pay_show, 活动规则=rule_click, 排行榜奖励=list_click, 跳转个人主页=pages_click)
|
||||
function sendLog(event) {
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/act/valentineCp/log',
|
||||
data: { event: event },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// console.log(res);
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 点击跳转个人主页
|
||||
$('.rank-wrap .list .no1 .tx').click(function () {
|
||||
let uid = $(this).parent().attr('uid')
|
||||
if (uid) {
|
||||
openPerson(uid)
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
// 情缘信物投入+
|
||||
$('.letter-wrap .but .add').click(function () {
|
||||
let val = $('.letter-wrap .but input').val();
|
||||
if (val >= 999) {
|
||||
toastMsg('最多可輸入999')
|
||||
$('.letter-wrap .but input').val(parseInt(999))
|
||||
} else {
|
||||
$('.letter-wrap .but input').val(parseInt(val) + 1)
|
||||
}
|
||||
})
|
||||
// 情缘信物投入-
|
||||
$('.letter-wrap .but .cut').click(function () {
|
||||
let val = $('.letter-wrap .but input').val();
|
||||
if (val <= 1) {
|
||||
toastMsg('至少投入1')
|
||||
$('.letter-wrap .but input').val(parseInt(1))
|
||||
} else {
|
||||
$('.letter-wrap .but input').val(parseInt(val) - 1)
|
||||
}
|
||||
})
|
||||
// 情缘信物监听输入框
|
||||
$('.letter-wrap .but').on('input', 'input', function () {
|
||||
if ($(this).val() >= 999) {
|
||||
toastMsg('最多可輸入999')
|
||||
$('.letter-wrap .but input').val(parseInt(999))
|
||||
} else if ($(this).val() <= 1) {
|
||||
toastMsg('至少投入1')
|
||||
$('.letter-wrap .but input').val(parseInt(1))
|
||||
}
|
||||
})
|
||||
// 购买情缘信物按钮
|
||||
$('.letter-wrap .get_letter').click(function () {
|
||||
if (nowTime >= endTime) {
|
||||
toastMsg('活動已結束~')
|
||||
} else if (nowTime <= startTime) {
|
||||
toastMsg('活動未開始~')
|
||||
} else {
|
||||
let id = $(this).attr('id')
|
||||
let type = $(this).attr('type')
|
||||
let num = $('.letter-wrap .but input').val()
|
||||
if (num == 0) {
|
||||
toastMsg('至少投入1')
|
||||
return
|
||||
}
|
||||
if (canGet) {
|
||||
console.log('id:', id, 'num:', num);
|
||||
buy(id, num, type)
|
||||
} else {
|
||||
toastMsg('信物獲取中,請稍後~')
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
// 兑换好礼按钮输入框
|
||||
// 投入+
|
||||
$('.petition-wrap .gift-wrap li .but .add').click(function () {
|
||||
let liIndex = $(this).parents('li').index()
|
||||
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
|
||||
if (val >= 999) {
|
||||
toastMsg('最多可輸入999')
|
||||
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(999))
|
||||
} else {
|
||||
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(val) + 1)
|
||||
}
|
||||
})
|
||||
// 投入-
|
||||
$('.petition-wrap .gift-wrap li .but .cut').click(function () {
|
||||
let liIndex = $(this).parents('li').index()
|
||||
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
|
||||
if (val <= 1) {
|
||||
toastMsg('至少投入1')
|
||||
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(1))
|
||||
} else {
|
||||
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(val) - 1)
|
||||
}
|
||||
})
|
||||
// 监听输入框
|
||||
$('.petition-wrap .gift-wrap li').on('input', 'input', function () {
|
||||
let liIndex = $(this).parents('li').index()
|
||||
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
|
||||
if (val >= 999) {
|
||||
toastMsg('最多可輸入999')
|
||||
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(999))
|
||||
} else if (val <= 1) {
|
||||
toastMsg('至少投入1')
|
||||
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(1))
|
||||
}
|
||||
})
|
||||
// 兑换按钮
|
||||
$('.petition-wrap .gift-wrap li .btn').click(function () {
|
||||
let liIndex = $(this).parents('li').index()
|
||||
let num = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
|
||||
let id = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.btn').attr('id');
|
||||
let type = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.btn').attr('type');
|
||||
buy(id, num, type)
|
||||
})
|
||||
// 靓号按钮输入框
|
||||
// 投入+
|
||||
$('.petition-wrap .number-wrap .but .add').click(function () {
|
||||
let val = $('.petition-wrap .number-wrap .but input').val();
|
||||
if (val >= 999) {
|
||||
toastMsg('最多可輸入999')
|
||||
$('.petition-wrap .number-wrap .but input').val(parseInt(999))
|
||||
} else {
|
||||
$('.petition-wrap .number-wrap .but input').val(parseInt(val) + 1)
|
||||
}
|
||||
})
|
||||
// 投入-
|
||||
$('.petition-wrap .number-wrap .but .cut').click(function () {
|
||||
let val = $('.petition-wrap .number-wrap .but input').val();
|
||||
if (val <= 1) {
|
||||
toastMsg('至少投入1')
|
||||
$('.petition-wrap .number-wrap .but input').val(parseInt(1))
|
||||
} else {
|
||||
$('.petition-wrap .number-wrap .but input').val(parseInt(val) - 1)
|
||||
}
|
||||
})
|
||||
// 监听输入框
|
||||
$('.petition-wrap .number-wrap .but').on('input', 'input', function () {
|
||||
if ($(this).val() >= 999) {
|
||||
toastMsg('最多可輸入999')
|
||||
$('.petition-wrap .number-wrap .but input').val(parseInt(999))
|
||||
} else if ($(this).val() <= 1) {
|
||||
toastMsg('至少投入1')
|
||||
$('.petition-wrap .number-wrap .but input').val(parseInt(1))
|
||||
}
|
||||
})
|
||||
// 抽取靓号
|
||||
$('.petition-wrap .number-wrap .btn').click(function () {
|
||||
let id = $(this).attr('id');
|
||||
let type = $(this).attr('type');
|
||||
let num = $('.petition-wrap .number-wrap .but input').val();
|
||||
buy(id, num, type)
|
||||
})
|
||||
|
||||
// 关闭恭喜获得弹窗
|
||||
$('.gx .gx_in .sure,.close').click(function () {
|
||||
$('.gx').hide()
|
||||
})
|
||||
// 我的cp弹窗
|
||||
$('.mycp').click(function () {
|
||||
bodyScroolFun(true)
|
||||
$('.mycpBox .mycp_in ul li').remove()
|
||||
$('.mycpBox .mycp_in .box .tips').hide()
|
||||
myCpList()
|
||||
})
|
||||
$('.mycpBox .close').click(function () {
|
||||
bodyScroolFun(false)
|
||||
cpOffset()
|
||||
$('.mycpBox').hide();
|
||||
})
|
||||
// 监听我的cp滚动
|
||||
$('.mycpBox .mycp_in .box').scroll(function () {
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('.mycpBox .mycp_in .box')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
$('.mycpBox .mycp_in .tips').show()
|
||||
}
|
||||
})
|
||||
|
||||
// cp奖励记录弹窗
|
||||
$('.letter-wrap .cp_record').click(function () {
|
||||
bodyScroolFun(true)
|
||||
cpRecordPage = 1;
|
||||
totalList = 0
|
||||
$('.cpRecordBox .cpRecord_in .box li').remove();
|
||||
$('.cpRecordBox .cpRecord_in .tips').hide();
|
||||
cpRewardRecord(cpRecordPage)
|
||||
})
|
||||
$('.cpRecordBox .close').click(function () {
|
||||
bodyScroolFun(false)
|
||||
$('.cpRecordBox').hide();
|
||||
})
|
||||
// cp奖励记录监听滚动
|
||||
$('.cpRecordBox .cpRecord_in .box').scroll(function () {
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('.cpRecordBox .cpRecord_in .box')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
if (cpRecordScroll) {
|
||||
cpRecordPage++;
|
||||
cpRewardRecord(cpRecordPage)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
// 兑换好礼/靓号切换
|
||||
var petitionType = 1 //1:兌換好禮 2:幸運靚號
|
||||
$('.petition-wrap .chargeTab .item').click(function () {
|
||||
let index = $(this).index();
|
||||
$(this).addClass('itemact').siblings().removeClass('itemact')
|
||||
if (index == 0) {
|
||||
$('.petition-wrap .gift-wrap').show()
|
||||
$('.petition-wrap .number-wrap').hide()
|
||||
$('.petition-wrap .myticket .charge').html('兌換記錄')
|
||||
petitionType = 1
|
||||
|
||||
} else {
|
||||
$('.petition-wrap .gift-wrap').hide()
|
||||
$('.petition-wrap .number-wrap').show()
|
||||
$('.petition-wrap .myticket .charge').html('抽獎記錄')
|
||||
petitionType = 2
|
||||
}
|
||||
})
|
||||
// 兑换好礼记录/抽奖记录弹窗
|
||||
$('.petition-wrap .charge').click(function () {
|
||||
bodyScroolFun(true)
|
||||
drawPage = 1;
|
||||
if (petitionType == 1) {
|
||||
$('.exchangeBox .exchange_in .box li').remove();
|
||||
$('.exchangeBox .exchange_in .tips').hide();
|
||||
// $('.exchangeBox').show();
|
||||
} else {
|
||||
$('.drawBox .draw_in .box li').remove();
|
||||
$('.drawBox .draw_in .tips').hide();
|
||||
// $('.drawBox').show();
|
||||
}
|
||||
getDrawRecord(drawPage, petitionType)
|
||||
|
||||
})
|
||||
$('.drawBox .close').click(function () {
|
||||
bodyScroolFun(false)
|
||||
$('.drawBox').hide();
|
||||
})
|
||||
$('.exchangeBox .close').click(function () {
|
||||
bodyScroolFun(false)
|
||||
$('.exchangeBox').hide();
|
||||
})
|
||||
// 情签兑换记录监听滚动
|
||||
$('.exchangeBox .exchange_in .box').scroll(function () {
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('.exchangeBox .exchange_in .box')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
if (drawScroll) {
|
||||
drawPage++;
|
||||
getDrawRecord(drawPage, petitionType)
|
||||
}
|
||||
}
|
||||
})
|
||||
// 抽奖记录监听滚动
|
||||
$('.drawBox .draw_in .box').scroll(function () {
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('.drawBox .draw_in .box')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
if (drawScroll) {
|
||||
drawPage++;
|
||||
getDrawRecord(drawPage, petitionType)
|
||||
}
|
||||
}
|
||||
})
|
||||
// 规则弹窗
|
||||
$('.rule').click(function () {
|
||||
bodyScroolFun(true)
|
||||
$('.ruleBox').show();
|
||||
sendLog('rule_click')
|
||||
})
|
||||
$('.ruleBox .close').click(function () {
|
||||
bodyScroolFun(false)
|
||||
$('.ruleBox').hide();
|
||||
})
|
||||
// 榜單獎勵
|
||||
$('.rank-wrap .reward').click(function () {
|
||||
bodyScroolFun(true)
|
||||
$('.rewardBox').show();
|
||||
sendLog('list_click')
|
||||
})
|
||||
$('.rewardBox .close').click(function () {
|
||||
bodyScroolFun(false)
|
||||
$('.rewardBox').hide();
|
||||
})
|
||||
|
||||
// 溫馨提示
|
||||
$('.tishiBox .close').click(function () {
|
||||
bodyScroolFun(false)
|
||||
$('.tishiBox').hide();
|
||||
})
|
||||
|
||||
// 去充值(pay_show=点击去充值埋点)
|
||||
$('.tishiBox').on('click', '.recharge', function () {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
let channel = pubInfo.deviceInfo.channel;
|
||||
console.log(pubInfo.deviceInfo);
|
||||
if (channel == "google") {
|
||||
sendLog('pay_show')
|
||||
window.androidJsObj.openChargePage(0);
|
||||
} else {
|
||||
sendLog('pay_show')
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
} else if (browser.ios) {
|
||||
sendLog('pay_show')
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||||
}
|
||||
} else {
|
||||
toastMsg('請在app內打開')
|
||||
}
|
||||
})
|
||||
|
||||
//跳转个人主页 (pages_click=跳转主页埋点)
|
||||
function openPerson(uid) {
|
||||
if (browser.app) {
|
||||
if (browser.ios) {
|
||||
sendLog('pages_click')
|
||||
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
sendLog('pages_click')
|
||||
window.androidJsObj.openPersonPage(uid);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
toastMsg('請在app內打開')
|
||||
}
|
||||
}
|
||||
|
||||
// 控制body是否可以滑动
|
||||
function bodyScroolFun(bool) {
|
||||
if (bool) {
|
||||
$('body').css('overflow', 'hidden');
|
||||
} else {
|
||||
$('body').css('overflow', 'auto');
|
||||
|
||||
}
|
||||
}
|
14
view/peko/activity/2023-Valentines-Day/js/swiper-bundle.min.js
vendored
Normal file
813
view/peko/activity/act-newYear-2022/css/index.css
Normal file
@@ -0,0 +1,813 @@
|
||||
@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");
|
||||
}
|
||||
html,
|
||||
body {
|
||||
background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
|
||||
}
|
||||
|
||||
.no-in-app {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 99999;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.wrap .banner {
|
||||
width: 100%;
|
||||
}
|
||||
.wrap .rule {
|
||||
width: 1.44rem;
|
||||
height: 0.6933333333rem;
|
||||
position: absolute;
|
||||
top: 3.6933333333rem;
|
||||
right: 0;
|
||||
}
|
||||
.wrap .record {
|
||||
width: 1.44rem;
|
||||
height: 0.6933333333rem;
|
||||
position: absolute;
|
||||
top: 4.56rem;
|
||||
right: 0;
|
||||
}
|
||||
.wrap .gift-box-wrap {
|
||||
width: 9.2rem;
|
||||
height: 17.0133333333rem;
|
||||
background: url(../images/giftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.3rem auto 0.5333333333rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wrap .gift-box-wrap .tips {
|
||||
font-size: 0.2933333333rem;
|
||||
color: #3D001F;
|
||||
margin-top: 1.5733333333rem;
|
||||
text-align: center;
|
||||
}
|
||||
.wrap .gift-box-wrap .wishTab {
|
||||
width: 8rem;
|
||||
height: 1.1733333333rem;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.5866666667rem;
|
||||
margin: 0.4533333333rem auto 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.wrap .gift-box-wrap .wishTab .item {
|
||||
flex: 1;
|
||||
height: 1.1733333333rem;
|
||||
line-height: 1.1733333333rem;
|
||||
text-align: center;
|
||||
font-size: 0.4rem;
|
||||
color: #BB4A56;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .gift-box-wrap .wishTab .item1_act {
|
||||
width: 4rem;
|
||||
height: 1.1733333333rem;
|
||||
background: url(../images/tab_wish1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.wrap .gift-box-wrap .wishTab .item2_act {
|
||||
width: 4rem;
|
||||
height: 1.1733333333rem;
|
||||
background: url(../images/tab_wish2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.wrap .gift-box-wrap .gift-box {
|
||||
width: 8.2666666667rem;
|
||||
height: 5.3333333333rem;
|
||||
margin: 0.3333333333rem auto 0;
|
||||
position: relative;
|
||||
}
|
||||
.wrap .gift-box-wrap .gift-box img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.wrap .gift-box-wrap .gift-box .svga1 {
|
||||
display: none;
|
||||
width: 8.2666666667rem;
|
||||
height: 5.3333333333rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.wrap .gift-box-wrap .gift-box .svga2 {
|
||||
display: none;
|
||||
width: 8.2666666667rem;
|
||||
height: 5.3333333333rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.wrap .gift-box-wrap .but {
|
||||
width: 2.4533333333rem;
|
||||
height: 0.5866666667rem;
|
||||
border-radius: 0.2933333333rem;
|
||||
background: #FFE1F2;
|
||||
margin: 0.24rem auto 0;
|
||||
position: relative;
|
||||
}
|
||||
.wrap .gift-box-wrap .but input {
|
||||
border: 0;
|
||||
width: 1rem;
|
||||
height: 0.5866666667rem;
|
||||
background: #FFE1F2;
|
||||
color: #FF5662;
|
||||
font-size: 0.32rem;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .gift-box-wrap .but img {
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
}
|
||||
.wrap .gift-box-wrap .but .add {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.wrap .gift-box-wrap .but .cut {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.wrap .gift-box-wrap .wish {
|
||||
width: 4.9333333333rem;
|
||||
height: 1.2533333333rem;
|
||||
margin: 0.2666666667rem auto 0;
|
||||
}
|
||||
.wrap .gift-box-wrap .award {
|
||||
width: 8.32rem;
|
||||
height: 4rem;
|
||||
margin: 0.48rem auto 0;
|
||||
}
|
||||
.wrap .rank-wrap {
|
||||
width: 9.2rem;
|
||||
height: 22.7066666667rem;
|
||||
background: url(../images/rankBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 1.5333333333rem;
|
||||
position: relative;
|
||||
}
|
||||
.wrap .rank-wrap .rankTab {
|
||||
width: 7.3866666667rem;
|
||||
height: 1.1733333333rem;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.5866666667rem;
|
||||
position: absolute;
|
||||
top: 0.5866666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.wrap .rank-wrap .rankTab .tab {
|
||||
flex: 1;
|
||||
height: 1.1733333333rem;
|
||||
line-height: 1.1733333333rem;
|
||||
text-align: center;
|
||||
font-size: 0.4rem;
|
||||
color: #BB4A56;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .rank-wrap .rankTab .tab1_act {
|
||||
width: 4rem;
|
||||
height: 1.1733333333rem;
|
||||
background: url(../images/wish1Rank.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.wrap .rank-wrap .rankTab .tab2_act {
|
||||
width: 4rem;
|
||||
height: 1.1733333333rem;
|
||||
background: url(../images/wish2Rank.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.wrap .rank-wrap .reward {
|
||||
width: 0.84rem;
|
||||
height: 1.2266666667rem;
|
||||
position: absolute;
|
||||
top: 2.1066666667rem;
|
||||
right: 0.24rem;
|
||||
}
|
||||
.wrap .rank-wrap .dateTab {
|
||||
width: 3.9333333333rem;
|
||||
height: 0.8rem;
|
||||
position: absolute;
|
||||
top: 2.3066666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
}
|
||||
.wrap .rank-wrap .dateTab .day,
|
||||
.wrap .rank-wrap .dateTab .total {
|
||||
width: 1.9333333333rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
.wrap .rank-wrap .list .no1 {
|
||||
width: 2.5333333333rem;
|
||||
height: 4.5333333333rem;
|
||||
position: relative;
|
||||
top: 3.76rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .rank-wrap .list .no1 .tx {
|
||||
width: 2.2rem;
|
||||
height: 2.2rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0.2rem;
|
||||
}
|
||||
.wrap .rank-wrap .list .no1 .txBox {
|
||||
width: 2.5333333333rem;
|
||||
height: 2.7866666667rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.wrap .rank-wrap .list .no1 .nick {
|
||||
width: 100%;
|
||||
height: 1.12rem;
|
||||
background: url(../images/nick1.png) no-repeat;
|
||||
background-size: 100%;
|
||||
position: absolute;
|
||||
bottom: 0.4266666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: 0.32rem;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 1.12rem;
|
||||
}
|
||||
.wrap .rank-wrap .list .no1 .score {
|
||||
width: 100%;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #AD4868;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .rank-wrap .list .no2,
|
||||
.wrap .rank-wrap .list .no3 {
|
||||
width: 2.5333333333rem;
|
||||
height: 4.0533333333rem;
|
||||
position: relative;
|
||||
top: 0.1rem;
|
||||
left: 0.55rem;
|
||||
}
|
||||
.wrap .rank-wrap .list .no2 .tx,
|
||||
.wrap .rank-wrap .list .no3 .tx {
|
||||
width: 1.76rem;
|
||||
height: 1.76rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .rank-wrap .list .no2 .txBox,
|
||||
.wrap .rank-wrap .list .no3 .txBox {
|
||||
width: 2.0933333333rem;
|
||||
height: 2.28rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .rank-wrap .list .no2 .nick,
|
||||
.wrap .rank-wrap .list .no3 .nick {
|
||||
width: 100%;
|
||||
height: 1.12rem;
|
||||
background: url(../images/nick2.png) no-repeat;
|
||||
background-size: 100%;
|
||||
position: absolute;
|
||||
bottom: 0.4266666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: 0.32rem;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 1.12rem;
|
||||
}
|
||||
.wrap .rank-wrap .list .no2 .score,
|
||||
.wrap .rank-wrap .list .no3 .score {
|
||||
width: 100%;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #AD4868;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .rank-wrap .list .no3 {
|
||||
left: 6.13rem;
|
||||
top: -4rem;
|
||||
}
|
||||
.wrap .rank-wrap .list .no3 .nick {
|
||||
background: url(../images/nick3.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.wrap .rank-wrap .list ul {
|
||||
width: 8.56rem;
|
||||
position: absolute;
|
||||
top: 9.1rem;
|
||||
bottom: 1.0666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .rank-wrap .list ul li {
|
||||
width: 100%;
|
||||
height: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
background-color: #FFF7F9;
|
||||
border-radius: 0.16rem;
|
||||
margin-bottom: 0.2rem;
|
||||
color: #AD4868;
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
.wrap .rank-wrap .list ul li .num {
|
||||
float: left;
|
||||
margin-left: 0.2666666667rem;
|
||||
width: 0.5333333333rem;
|
||||
font-size: 0.48rem;
|
||||
color: #AD4868;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
.wrap .rank-wrap .list ul li .tx {
|
||||
float: left;
|
||||
margin-left: 0.3333333333rem;
|
||||
margin-top: 0.24rem;
|
||||
width: 1.0933333333rem;
|
||||
height: 1.0933333333rem;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #ff7abc;
|
||||
}
|
||||
.wrap .rank-wrap .list ul li .nick {
|
||||
float: left;
|
||||
margin-left: 0.24rem;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #AD4868;
|
||||
}
|
||||
.wrap .rank-wrap .list ul li .score {
|
||||
float: right;
|
||||
margin-right: 0.3333333333rem;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #AD4868;
|
||||
}
|
||||
.wrap .rank-wrap .myRank {
|
||||
width: 9.2rem;
|
||||
height: 1.84rem;
|
||||
line-height: 1.84rem;
|
||||
background: url(../images/my.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.85rem;
|
||||
}
|
||||
.wrap .rank-wrap .myRank .num {
|
||||
float: left;
|
||||
width: 1rem;
|
||||
margin-left: 0.2666666667rem;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #AD4868;
|
||||
text-align: center;
|
||||
}
|
||||
.wrap .rank-wrap .myRank .tx {
|
||||
float: left;
|
||||
margin-left: 0.3333333333rem;
|
||||
margin-top: 0.24rem;
|
||||
width: 1.0933333333rem;
|
||||
height: 1.0933333333rem;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #ff7abc;
|
||||
}
|
||||
.wrap .rank-wrap .myRank .nick {
|
||||
float: left;
|
||||
margin-left: 0.24rem;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #AD4868;
|
||||
}
|
||||
.wrap .rank-wrap .myRank .score {
|
||||
float: right;
|
||||
margin-right: 0.3333333333rem;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #AD4868;
|
||||
}
|
||||
|
||||
.gx {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.gx .gx_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8.0266666667rem;
|
||||
height: 10.52rem;
|
||||
background: url(../images/gx.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.gx .gx_in .close {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 0;
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
.gx .gx_in .box {
|
||||
width: 96%;
|
||||
height: 3.5rem;
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.gx .gx_in .box li {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.gx .gx_in .box li .bg {
|
||||
width: 2.2133333333rem;
|
||||
height: 2.2133333333rem;
|
||||
background: url(../images/gxBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
.gx .gx_in .box li .bg img {
|
||||
width: 1.6666666667rem;
|
||||
height: 1.6666666667rem;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.gx .gx_in .box li span, .gx .gx_in .box li p {
|
||||
color: #7E0033;
|
||||
font-size: 0.2933333333rem;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
.gx .gx_in .sure {
|
||||
width: 3.36rem;
|
||||
height: 1.28rem;
|
||||
position: absolute;
|
||||
bottom: 2.2666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.gx .gx_in .tips {
|
||||
width: 100%;
|
||||
color: #7E0033;
|
||||
font-size: 0.2933333333rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.gxs {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.gxs .gxs_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8.0266666667rem;
|
||||
height: 10.52rem;
|
||||
background: url(../images/gx.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.gxs .gxs_in .close {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 0;
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
.gxs .gxs_in .box {
|
||||
width: 96%;
|
||||
height: 3.5rem;
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.gxs .gxs_in .box li {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.gxs .gxs_in .box li .bg {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
background: url(../images/gxBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
.gxs .gxs_in .box li .bg img {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.gxs .gxs_in .box li span, .gxs .gxs_in .box li p {
|
||||
color: #7E0033;
|
||||
font-size: 0.2933333333rem;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
.gxs .gxs_in .sure {
|
||||
width: 3.36rem;
|
||||
height: 1.28rem;
|
||||
position: absolute;
|
||||
bottom: 2.2666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.gxs .gxs_in .tips {
|
||||
width: 100%;
|
||||
color: #7E0033;
|
||||
font-size: 0.2933333333rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.recordBox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.recordBox .record_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8.0266666667rem;
|
||||
height: 9.3066666667rem;
|
||||
background: url(../images/record.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.recordBox .record_in .close {
|
||||
position: absolute;
|
||||
top: -0.2rem;
|
||||
right: 0;
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
.recordBox .record_in p {
|
||||
width: 60%;
|
||||
height: 1.2rem;
|
||||
position: absolute;
|
||||
top: 1.8133333333rem;
|
||||
left: 46%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.recordBox .record_in p span {
|
||||
color: #3D001F;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.recordBox .record_in ul {
|
||||
width: 100%;
|
||||
height: 5.2rem;
|
||||
position: absolute;
|
||||
top: 3rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: scroll;
|
||||
}
|
||||
.recordBox .record_in ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
width: 0;
|
||||
}
|
||||
.recordBox .record_in ul li {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.recordBox .record_in ul li b {
|
||||
color: #7E0033;
|
||||
font-size: 0.3466666667rem;
|
||||
margin-bottom: 0.2666666667rem;
|
||||
}
|
||||
.recordBox .record_in .tips {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #590F35;
|
||||
font-size: 0.2933333333rem;
|
||||
position: absolute;
|
||||
bottom: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ruleBox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.ruleBox .rule_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8.0266666667rem;
|
||||
height: 9.68rem;
|
||||
background: url(../images/rule.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.ruleBox .rule_in .close {
|
||||
position: absolute;
|
||||
top: -0.2rem;
|
||||
right: 0;
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
|
||||
.rewardBox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.rewardBox .reward_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8.0266666667rem;
|
||||
height: 13.5333333333rem;
|
||||
background: url(../images/rewardBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.rewardBox .reward_in .close {
|
||||
position: absolute;
|
||||
top: -0.9rem;
|
||||
right: 0;
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
.rewardBox .reward_in .rewardTab {
|
||||
width: 6.5066666667rem;
|
||||
height: 1.0133333333rem;
|
||||
border-radius: 0.5066666667rem;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.rewardBox .reward_in .rewardTab .tab {
|
||||
flex: 1;
|
||||
height: 1.0133333333rem;
|
||||
line-height: 1.0133333333rem;
|
||||
text-align: center;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #CA5987;
|
||||
font-weight: bold;
|
||||
}
|
||||
.rewardBox .reward_in .rewardTab .tab1_act {
|
||||
width: 3.2533333333rem;
|
||||
height: 1.0133333333rem;
|
||||
background: url(../images/wishBox1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.rewardBox .reward_in .rewardTab .tab2_act {
|
||||
width: 3.2533333333rem;
|
||||
height: 1.0133333333rem;
|
||||
background: url(../images/wishBox2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.rewardBox .reward_in .box {
|
||||
width: 7.3466666667rem;
|
||||
height: 10.5733333333rem;
|
||||
position: absolute;
|
||||
top: 1.8666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.rewardBox .reward_in .box img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tishiBox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.tishiBox .tishi_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8.0266666667rem;
|
||||
height: 5.6666666667rem;
|
||||
background: url(../images/tipsBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.tishiBox .tishi_in .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #7E0033;
|
||||
font-size: 0.3466666667rem;
|
||||
position: absolute;
|
||||
top: 2.3733333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.tishiBox .tishi_in .recharge {
|
||||
width: 3.3866666667rem;
|
||||
height: 1.28rem;
|
||||
position: absolute;
|
||||
bottom: 1.04rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.tishiBox .tishi_in .close {
|
||||
position: absolute;
|
||||
top: 0.2666666667rem;
|
||||
right: 0.2666666667rem;
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
922
view/peko/activity/act-newYear-2022/css/index.scss
Normal file
@@ -0,0 +1,922 @@
|
||||
@function px2rem($px, $rem: 75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
@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');
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
// background: #FFBECE;
|
||||
background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
|
||||
}
|
||||
|
||||
.no-in-app {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 99999;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
|
||||
position: relative;
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: px2rem(108, );
|
||||
height: px2rem(52, );
|
||||
position: absolute;
|
||||
top: px2rem(277, );
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.record {
|
||||
width: px2rem(108, );
|
||||
height: px2rem(52, );
|
||||
position: absolute;
|
||||
top: px2rem(342, );
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.gift-box-wrap {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(1276, );
|
||||
background: url(../images/giftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.3rem auto px2rem(40, );
|
||||
overflow: hidden;
|
||||
|
||||
.tips {
|
||||
font-size: px2rem(22, );
|
||||
color: #3D001F;
|
||||
margin-top: px2rem(118, );
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wishTab {
|
||||
width: px2rem(600, );
|
||||
height: px2rem(88, );
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(44, );
|
||||
margin: px2rem(34, ) auto 0;
|
||||
display: flex;
|
||||
// justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
.item {
|
||||
flex: 1;
|
||||
height: px2rem(88, );
|
||||
line-height: px2rem(88, );
|
||||
text-align: center;
|
||||
font-size: px2rem(30, );
|
||||
color: #BB4A56;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.item1_act {
|
||||
width: px2rem(300, );
|
||||
height: px2rem(88, );
|
||||
background: url(../images/tab_wish1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.item2_act {
|
||||
width: px2rem(300, );
|
||||
height: px2rem(88, );
|
||||
background: url(../images/tab_wish2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.gift-box {
|
||||
width: px2rem(620, );
|
||||
height: px2rem(400, );
|
||||
margin: px2rem(25, ) auto 0;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.svga1 {
|
||||
display: none;
|
||||
width: px2rem(620, );
|
||||
height: px2rem(400, );
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
}
|
||||
.svga2 {
|
||||
display: none;
|
||||
width: px2rem(620, );
|
||||
height: px2rem(400, );
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(184, );
|
||||
height: px2rem(44, );
|
||||
border-radius: px2rem(22, );
|
||||
background: #FFE1F2;
|
||||
margin: px2rem(18, ) auto 0;
|
||||
position: relative;
|
||||
|
||||
input {
|
||||
border: 0;
|
||||
width: 1rem;
|
||||
height: px2rem(44, );
|
||||
background: #FFE1F2;
|
||||
color: #FF5662;
|
||||
font-size: px2rem(24, );
|
||||
outline: none; //隐藏边框
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(45, );
|
||||
height: px2rem(45, );
|
||||
}
|
||||
|
||||
.add {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.cut {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.wish {
|
||||
width: px2rem(370, );
|
||||
height: px2rem(94, );
|
||||
margin: px2rem(20, ) auto 0;
|
||||
}
|
||||
|
||||
.award {
|
||||
width: px2rem(624, );
|
||||
height: px2rem(300, );
|
||||
margin: px2rem(36, ) auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
.rank-wrap {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(1703, );
|
||||
background: url(../images/rankBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(115, );
|
||||
position: relative;
|
||||
|
||||
.rankTab {
|
||||
width: px2rem(554, );
|
||||
height: px2rem(88, );
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(44, );
|
||||
position: absolute;
|
||||
top: px2rem(44, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.tab {
|
||||
flex: 1;
|
||||
height: px2rem(88, );
|
||||
line-height: px2rem(88, );
|
||||
text-align: center;
|
||||
font-size: px2rem(30, );
|
||||
color: #BB4A56;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab1_act {
|
||||
width: px2rem(300, );
|
||||
height: px2rem(88, );
|
||||
background: url(../images/wish1Rank.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab2_act {
|
||||
width: px2rem(300, );
|
||||
height: px2rem(88, );
|
||||
background: url(../images/wish2Rank.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.reward {
|
||||
width: px2rem(63, );
|
||||
height: px2rem(92, );
|
||||
position: absolute;
|
||||
top: px2rem(158, );
|
||||
right: px2rem(18, );
|
||||
}
|
||||
|
||||
.dateTab {
|
||||
width: px2rem(295, );
|
||||
height: px2rem(60, );
|
||||
position: absolute;
|
||||
top: px2rem(173, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
|
||||
.day,
|
||||
.total {
|
||||
width: px2rem(145, );
|
||||
height: px2rem(60, );
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
.no1 {
|
||||
width: px2rem(190, );
|
||||
height: px2rem(340, );
|
||||
position: relative;
|
||||
top: px2rem(282, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.tx {
|
||||
width: px2rem(165, );
|
||||
height: px2rem(165, );
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0.2rem;
|
||||
}
|
||||
|
||||
.txBox {
|
||||
width: px2rem(190, );
|
||||
height: px2rem(209, );
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: 100%;
|
||||
height: px2rem(84, );
|
||||
background: url(../images/nick1.png) no-repeat;
|
||||
background-size: 100%;
|
||||
position: absolute;
|
||||
bottom: px2rem(32, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: px2rem(24, );
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: px2rem(84, );
|
||||
}
|
||||
|
||||
.score {
|
||||
width: 100%;
|
||||
font-size: px2rem(20, );
|
||||
color: #AD4868;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.no2,
|
||||
.no3 {
|
||||
width: px2rem(190, );
|
||||
height: px2rem(304, );
|
||||
position: relative;
|
||||
top: 0.1rem;
|
||||
left: 0.55rem;
|
||||
|
||||
.tx {
|
||||
width: px2rem(132, );
|
||||
height: px2rem(132, );
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.txBox {
|
||||
width: px2rem(157, );
|
||||
height: px2rem(171, );
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: 100%;
|
||||
height: px2rem(84, );
|
||||
background: url(../images/nick2.png) no-repeat;
|
||||
background-size: 100%;
|
||||
position: absolute;
|
||||
bottom: px2rem(32, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: px2rem(24, );
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: px2rem(84, );
|
||||
}
|
||||
|
||||
.score {
|
||||
width: 100%;
|
||||
font-size: px2rem(20, );
|
||||
color: #AD4868;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.no3 {
|
||||
left: 6.13rem;
|
||||
top: -4rem;
|
||||
|
||||
.nick {
|
||||
background: url(../images/nick3.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(642, );
|
||||
// height: px2rem(930, );
|
||||
// background-color: purple;
|
||||
position: absolute;
|
||||
top: 9.1rem;
|
||||
bottom: px2rem(80, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(120, );
|
||||
line-height: px2rem(120, );
|
||||
background-color: #FFF7F9;
|
||||
border-radius: px2rem(12, );
|
||||
margin-bottom: px2rem(15, );
|
||||
|
||||
color: #AD4868;
|
||||
font-size: px2rem(26, );
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
margin-left: px2rem(20, );
|
||||
width: px2rem(40, );
|
||||
font-size: px2rem(36, );
|
||||
color: #AD4868;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tx {
|
||||
float: left;
|
||||
margin-left: px2rem(25, );
|
||||
margin-top: px2rem(18, );
|
||||
width: px2rem(82, );
|
||||
height: px2rem(82, );
|
||||
border-radius: 50%;
|
||||
border: 1px solid #ff7abc;
|
||||
}
|
||||
|
||||
.nick {
|
||||
float: left;
|
||||
margin-left: px2rem(18, );
|
||||
font-size: px2rem(26, );
|
||||
color: #AD4868;
|
||||
}
|
||||
|
||||
.score {
|
||||
float: right;
|
||||
margin-right: px2rem(25, );
|
||||
font-size: px2rem(20, );
|
||||
color: #AD4868;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.myRank {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(138, );
|
||||
line-height: px2rem(138, );
|
||||
background: url(../images/my.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.85rem;
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
width: 1rem;
|
||||
margin-left: px2rem(20, );
|
||||
font-size: px2rem(22, );
|
||||
color: #AD4868;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tx {
|
||||
float: left;
|
||||
margin-left: px2rem(25, );
|
||||
margin-top: px2rem(18, );
|
||||
width: px2rem(82, );
|
||||
height: px2rem(82, );
|
||||
border-radius: 50%;
|
||||
border: 1px solid #ff7abc;
|
||||
}
|
||||
|
||||
.nick {
|
||||
float: left;
|
||||
margin-left: px2rem(18, );
|
||||
font-size: px2rem(26, );
|
||||
color: #AD4868;
|
||||
}
|
||||
|
||||
.score {
|
||||
float: right;
|
||||
margin-right: px2rem(25, );
|
||||
font-size: px2rem(20, );
|
||||
color: #AD4868;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.gx {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.gx_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(602, );
|
||||
height: px2rem(789, );
|
||||
background: url(../images/gx.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 0;
|
||||
width: px2rem(60, );
|
||||
height: px2rem(60, );
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 96%;
|
||||
height: 3.5rem;
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.bg {
|
||||
width: px2rem(166, );
|
||||
height: px2rem(166, );
|
||||
// width: 1.6rem;
|
||||
// height: 1.6rem;
|
||||
background: url(../images/gxBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 0.2rem;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: px2rem(125, );
|
||||
height: px2rem(125, );
|
||||
// width: 1.2rem;
|
||||
// height: 1.2rem;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
}
|
||||
span,p {
|
||||
color: #7E0033;
|
||||
font-size: px2rem(22, );
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.sure {
|
||||
width: px2rem(252, );
|
||||
height: px2rem(96, );
|
||||
position: absolute;
|
||||
bottom: px2rem(170, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.tips {
|
||||
width: 100%;
|
||||
color: #7E0033;
|
||||
font-size: px2rem(22, );
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(90, );
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.gxs {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.gxs_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(602, );
|
||||
height: px2rem(789, );
|
||||
background: url(../images/gx.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 0;
|
||||
width: px2rem(60, );
|
||||
height: px2rem(60, );
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 96%;
|
||||
height: 3.5rem;
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.bg {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
background: url(../images/gxBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 0.2rem;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
}
|
||||
span,p {
|
||||
color: #7E0033;
|
||||
font-size: px2rem(22, );
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.sure {
|
||||
width: px2rem(252, );
|
||||
height: px2rem(96, );
|
||||
position: absolute;
|
||||
bottom: px2rem(170, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.tips {
|
||||
width: 100%;
|
||||
color: #7E0033;
|
||||
font-size: px2rem(22, );
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(90, );
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.recordBox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.record_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(602, );
|
||||
height: px2rem(698, );
|
||||
background: url(../images/record.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: -0.2rem;
|
||||
right: 0;
|
||||
width: px2rem(60, );
|
||||
height: px2rem(60, );
|
||||
}
|
||||
|
||||
p {
|
||||
// width: px2rem(540, );
|
||||
width: 60%;
|
||||
height: px2rem(90, );
|
||||
position: absolute;
|
||||
top: px2rem(136, );
|
||||
left: 46%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
color: #3D001F;
|
||||
font-size: px2rem(28, );
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
// width: px2rem(540, );
|
||||
width: 100%;
|
||||
height: 5.2rem;
|
||||
position: absolute;
|
||||
top: 3rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: scroll;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
b {
|
||||
color: #7E0033;
|
||||
font-size: px2rem(26, );
|
||||
margin-bottom: px2rem(20, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tips {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #590F35;
|
||||
font-size: px2rem(22, );
|
||||
position: absolute;
|
||||
bottom: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.ruleBox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.rule_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(602, );
|
||||
height: px2rem(726, );
|
||||
background: url(../images/rule.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: -0.2rem;
|
||||
right: 0;
|
||||
width: px2rem(60, );
|
||||
height: px2rem(60, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rewardBox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.reward_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(602, );
|
||||
height: px2rem(1015, );
|
||||
background: url(../images/rewardBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: -0.9rem;
|
||||
right: 0;
|
||||
width: px2rem(60, );
|
||||
height: px2rem(60, );
|
||||
}
|
||||
|
||||
.rewardTab {
|
||||
width: px2rem(488, );
|
||||
height: px2rem(76, );
|
||||
border-radius: px2rem(38, );
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: px2rem(45, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.tab {
|
||||
flex: 1;
|
||||
height: px2rem(76, );
|
||||
line-height: px2rem(76, );
|
||||
text-align: center;
|
||||
font-size: px2rem(28, );
|
||||
color: #CA5987;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab1_act {
|
||||
width: px2rem(244, );
|
||||
height: px2rem(76, );
|
||||
background: url(../images/wishBox1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab2_act {
|
||||
width: px2rem(244, );
|
||||
height: px2rem(76, );
|
||||
background: url(../images/wishBox2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(551, );
|
||||
height: px2rem(793, );
|
||||
position: absolute;
|
||||
top: px2rem(140, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tishiBox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.tishi_in {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(602, );
|
||||
height: px2rem(425, );
|
||||
background: url(../images/tipsBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #7E0033;
|
||||
font-size: px2rem(26, );
|
||||
position: absolute;
|
||||
top: px2rem(178, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.recharge {
|
||||
width: px2rem(254, );
|
||||
height: px2rem(96, );
|
||||
position: absolute;
|
||||
bottom: px2rem(78, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: px2rem(20, );
|
||||
right: px2rem(20, );
|
||||
width: px2rem(60, );
|
||||
height: px2rem(60, );
|
||||
}
|
||||
}
|
||||
}
|
BIN
view/peko/activity/act-newYear-2022/images/btn_add.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
view/peko/activity/act-newYear-2022/images/btn_charge.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
view/peko/activity/act-newYear-2022/images/btn_cut.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
view/peko/activity/act-newYear-2022/images/btn_record.png
Normal file
After Width: | Height: | Size: 6.4 KiB |
BIN
view/peko/activity/act-newYear-2022/images/btn_reward.png
Normal file
After Width: | Height: | Size: 6.9 KiB |
BIN
view/peko/activity/act-newYear-2022/images/btn_rule.png
Normal file
After Width: | Height: | Size: 6.2 KiB |
BIN
view/peko/activity/act-newYear-2022/images/btn_sure.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
view/peko/activity/act-newYear-2022/images/close.png
Normal file
After Width: | Height: | Size: 1004 B |
BIN
view/peko/activity/act-newYear-2022/images/gift1.png
Normal file
After Width: | Height: | Size: 165 KiB |
BIN
view/peko/activity/act-newYear-2022/images/gift2.png
Normal file
After Width: | Height: | Size: 188 KiB |
BIN
view/peko/activity/act-newYear-2022/images/giftBg.png
Normal file
After Width: | Height: | Size: 267 KiB |
BIN
view/peko/activity/act-newYear-2022/images/giftBg.svga
Normal file
BIN
view/peko/activity/act-newYear-2022/images/giftBg2.png
Normal file
After Width: | Height: | Size: 278 KiB |
BIN
view/peko/activity/act-newYear-2022/images/giftBg2.svga
Normal file
BIN
view/peko/activity/act-newYear-2022/images/giftBox.png
Normal file
After Width: | Height: | Size: 107 KiB |
BIN
view/peko/activity/act-newYear-2022/images/gx.png
Normal file
After Width: | Height: | Size: 236 KiB |
BIN
view/peko/activity/act-newYear-2022/images/gxBox.png
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
view/peko/activity/act-newYear-2022/images/logo.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
view/peko/activity/act-newYear-2022/images/main.png
Normal file
After Width: | Height: | Size: 441 KiB |
BIN
view/peko/activity/act-newYear-2022/images/my.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
view/peko/activity/act-newYear-2022/images/nick1.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-newYear-2022/images/nick2.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/activity/act-newYear-2022/images/nick3.png
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
view/peko/activity/act-newYear-2022/images/no1.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/activity/act-newYear-2022/images/no2.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/act-newYear-2022/images/no3.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/activity/act-newYear-2022/images/rankBg.png
Normal file
After Width: | Height: | Size: 88 KiB |
BIN
view/peko/activity/act-newYear-2022/images/record.png
Normal file
After Width: | Height: | Size: 212 KiB |
BIN
view/peko/activity/act-newYear-2022/images/reward1.png
Normal file
After Width: | Height: | Size: 118 KiB |
BIN
view/peko/activity/act-newYear-2022/images/reward2.png
Normal file
After Width: | Height: | Size: 126 KiB |
BIN
view/peko/activity/act-newYear-2022/images/rewardBg.png
Normal file
After Width: | Height: | Size: 270 KiB |