Compare commits
149 Commits
elfin
...
behalfRech
Author | SHA1 | Date | |
---|---|---|---|
![]() |
7c9c75b9ae | ||
![]() |
c62c02655a | ||
![]() |
b522baca60 | ||
![]() |
e72bcc1ce1 | ||
![]() |
bb2784dae7 | ||
![]() |
6983b611f6 | ||
![]() |
96fc251f09 | ||
![]() |
bb2c2b44cb | ||
![]() |
ef6bcac4e9 | ||
![]() |
52925e948b | ||
![]() |
43736ecd86 | ||
![]() |
63c10b4e2a | ||
![]() |
4a87f8e70f | ||
![]() |
d06a9136cc | ||
![]() |
3e9a323e77 | ||
![]() |
192846f665 | ||
![]() |
04ec4e1213 | ||
![]() |
d4edc4d7f9 | ||
![]() |
33b327ef08 | ||
![]() |
c402e91b4b | ||
![]() |
e5bc021b76 | ||
![]() |
7ad353af3a | ||
![]() |
6ef6df6bd5 | ||
![]() |
3b2d5f3ec8 | ||
![]() |
b23b00110b | ||
![]() |
effa4fc182 | ||
![]() |
fda137edd4 | ||
![]() |
104c2a5ea9 | ||
![]() |
9c8dcfc5bc | ||
![]() |
59dfb185c7 | ||
![]() |
f9bf2c5473 | ||
![]() |
cbbe553bf0 | ||
![]() |
3f314a647b | ||
![]() |
775a68a23c | ||
![]() |
46db54d18b | ||
![]() |
23630c40b9 | ||
![]() |
c9b16d9fac | ||
![]() |
9e345cf51a | ||
![]() |
3d0df56d13 | ||
![]() |
aeba089ded | ||
![]() |
50223def70 | ||
![]() |
6d251a0399 | ||
![]() |
673005f471 | ||
![]() |
b9c7691b98 | ||
![]() |
0c23babc9d | ||
![]() |
bf6f941752 | ||
![]() |
2f88fdc21d | ||
![]() |
661db811c0 | ||
![]() |
7747ee7e93 | ||
![]() |
c625084bbb | ||
![]() |
aaf2b2f6ed | ||
![]() |
be4a1e09b2 | ||
![]() |
47864dabdb | ||
![]() |
8f5bd66761 | ||
![]() |
7351a4b76d | ||
![]() |
6b16354f64 | ||
![]() |
1b3986bcf3 | ||
![]() |
c19d1c92a2 | ||
![]() |
f1badb8d03 | ||
![]() |
131a276e58 | ||
![]() |
f594d0de0c | ||
![]() |
2c0f58f815 | ||
![]() |
844dc5c831 | ||
![]() |
f9886b9089 | ||
![]() |
733ab19c71 | ||
![]() |
80bea3e94a | ||
![]() |
f937063d9b | ||
![]() |
cdc8f2290c | ||
![]() |
296a640744 | ||
![]() |
c41e8dd980 | ||
![]() |
7a21b824ab | ||
![]() |
1148a0753e | ||
![]() |
3c57f4e780 | ||
![]() |
d300b7a056 | ||
![]() |
e47906fd91 | ||
![]() |
c0dfb7c41b | ||
![]() |
daf57dd1ad | ||
![]() |
c6df9a0872 | ||
![]() |
180d64064a | ||
![]() |
518bac9298 | ||
![]() |
9974ad913c | ||
![]() |
609dea5884 | ||
![]() |
8fba10d4d5 | ||
![]() |
ca8e33ce2d | ||
![]() |
cf14b11790 | ||
![]() |
29f19415f9 | ||
![]() |
3c91a1d197 | ||
![]() |
aa59c5eab2 | ||
![]() |
a37bd171fc | ||
![]() |
b23e8e7aa1 | ||
![]() |
f26cbc90a5 | ||
![]() |
9eb04842f8 | ||
![]() |
de73fbf5c1 | ||
![]() |
0d69f497cf | ||
![]() |
96aaa4bd69 | ||
![]() |
e1dda9d536 | ||
![]() |
79523d2c16 | ||
![]() |
73e1e53d79 | ||
![]() |
b3a364af70 | ||
![]() |
f10829421c | ||
![]() |
0a1514f7d9 | ||
![]() |
dfd9bdc23c | ||
![]() |
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 |
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: pikoyuyin)</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: pikoyuyin)`)
|
||||
$('.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
@@ -76,7 +76,7 @@
|
||||
<div class="tab2_contain">
|
||||
<div class="rule_wrap">
|
||||
<p class="rule_item">
|
||||
活动期间,每日登录pekoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
活动期间,每日登录pikoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
</p>
|
||||
</div>
|
||||
<div class="panel_wrap">
|
||||
|
@@ -756,7 +756,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
$('.page3 .myList img').attr('src', res.data.userRank.avatar);
|
||||
$('.page3 .myList .num').text(res.data.userRank.rank == 0 ? '未上榜' : res.data.userRank.rank);
|
||||
$('.page3 .myList .nick').text(res.data.userRank.nick.length > 8 ? res.data.userRank.nick.slice(0, 8) + '...' : res.data.userRank.nick);
|
||||
$('.page3 .myList .score').text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
|
||||
$('.page3 .myList .score').text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
|
||||
hideLoading(layerIndex)
|
||||
// 处理前三
|
||||
if (top3.length < 3) {
|
||||
@@ -770,7 +770,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
top3.forEach((res, index) => {
|
||||
$(`.page3 .list .top${index + 1} .txBg`).attr('src', res.avatar);
|
||||
$(`.page3 .list .top${index + 1} .nick`).text(res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick);
|
||||
$(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
|
||||
$(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
@@ -780,7 +780,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
<div class="num">NO.${index + 4}</div>
|
||||
<img src="${res.avatar}" alt="">
|
||||
<div class="nick">${res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick}</div>
|
||||
<div class="score">${comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
|
||||
<div class="score">${comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
|
||||
</li>`
|
||||
})
|
||||
$('.page3 .list .notTop').append(str);
|
||||
|
@@ -45,7 +45,7 @@
|
||||
<p>剩余7天</p>
|
||||
<div class="nameplate">
|
||||
<img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
|
||||
<span>peko看看</span>
|
||||
<span>piko看看</span>
|
||||
</div>
|
||||
<div class="delay-btn">
|
||||
<img src="./images/delay-btn.png" alt="">
|
||||
|
@@ -11,9 +11,26 @@
|
||||
html,
|
||||
body {
|
||||
font-family: "din-medium";
|
||||
background: #C8864C;
|
||||
background: #E17E3D;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
html::-webkit-scrollbar,
|
||||
body::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
top: 0.9333333333rem;
|
||||
left: 0.4533333333rem;
|
||||
z-index: 9;
|
||||
width: 0.8266666667rem;
|
||||
height: 0.8266666667rem;
|
||||
}
|
||||
.back img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 100%;
|
||||
@@ -22,6 +39,14 @@ body {
|
||||
}
|
||||
.wrap .banner {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.wrap .banner .subtitle {
|
||||
position: absolute;
|
||||
top: 0.12rem;
|
||||
right: 1.12rem;
|
||||
width: 1.8666666667rem;
|
||||
height: 1.12rem;
|
||||
}
|
||||
.wrap .rule,
|
||||
.wrap .record {
|
||||
@@ -39,46 +64,79 @@ body {
|
||||
.wrap .record {
|
||||
top: 2.8533333333rem;
|
||||
}
|
||||
.wrap .previous-result {
|
||||
.wrap .previous_Round_Result {
|
||||
width: 9.4266666667rem;
|
||||
height: 1.52rem;
|
||||
position: absolute;
|
||||
top: 14.9333333333rem;
|
||||
top: 16.1rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 9.4666666667rem;
|
||||
height: 0.9066666667rem;
|
||||
font-family: "pingfang-bold";
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: url("https://img.pekolive.com/cf-previous-result-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url(../images/previous_Round_Result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 9;
|
||||
}
|
||||
.wrap .previous-result span {
|
||||
.wrap .previous_Round_Result span {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
font-weight: bold;
|
||||
margin-left: 0.36rem;
|
||||
text-shadow: 1px 1px 0px #fc8321, -1px -1px 0px #fc8321, 1px 1px 0px #fc8321, -1px -1px 0px #fc8321, 1px 1px 0px #fc8321, -1px -1px 0px #fc8321;
|
||||
font-size: 0.48rem;
|
||||
left: 0rem;
|
||||
bottom: 1.65rem;
|
||||
background: url(../images/wljg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 1.7066666667rem;
|
||||
height: 0.5066666667rem;
|
||||
position: absolute;
|
||||
}
|
||||
.wrap .previous-result .result-list {
|
||||
.wrap .previous_Round_Result .box {
|
||||
width: 9.4266666667rem;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0.2533333333rem 0.1333333333rem 0 0.1333333333rem;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.wrap .previous_Round_Result .box::-webkit-scrollbar {
|
||||
height: 2px;
|
||||
display: none;
|
||||
}
|
||||
.wrap .previous_Round_Result .box ul {
|
||||
width: 35rem;
|
||||
height: 100%;
|
||||
}
|
||||
.wrap .previous_Round_Result .box ul li {
|
||||
float: left;
|
||||
width: 1.6266666667rem;
|
||||
height: 0.9733333333rem;
|
||||
background: url(../images/previous_Round_Result_Li.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
margin-right: 0.1066666667rem;
|
||||
}
|
||||
.wrap .previous-result .result-list p {
|
||||
width: 0.5333333333rem;
|
||||
height: 0.5333333333rem;
|
||||
margin-left: 0.1066666667rem;
|
||||
background: url("https://img.pekolive.com/cf-little-bubble.png") 0 0/100% 100%;
|
||||
.wrap .previous_Round_Result .box ul li p {
|
||||
display: block;
|
||||
width: 0.3333333333rem;
|
||||
height: 0.3333333333rem;
|
||||
background: url(../images/record_bubble.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 0.0266666667rem;
|
||||
}
|
||||
.wrap .previous-result .result-list p img {
|
||||
width: 100%;
|
||||
}
|
||||
.wrap .previous-result .more-result {
|
||||
width: 0.56rem;
|
||||
height: 0.5866666667rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.wrap .previous-result .more-result img {
|
||||
width: 100%;
|
||||
.wrap .previous_Round_Result .box ul li p img {
|
||||
display: block;
|
||||
width: 80%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.wrap .mall {
|
||||
position: absolute;
|
||||
@@ -97,7 +155,7 @@ body {
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
height: 14.0533333333rem;
|
||||
background: url("https://img.pekolive.com/cf-game-area.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/game-area.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
.wrap .game-area .roundId {
|
||||
font-size: 0.2666666667rem;
|
||||
@@ -116,10 +174,10 @@ body {
|
||||
top: -0.5333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 4.2933333333rem;
|
||||
width: 5.45rem;
|
||||
height: 0.96rem;
|
||||
line-height: 0.8266666667rem;
|
||||
background: url("https://img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
@@ -130,7 +188,7 @@ body {
|
||||
width: 4.9066666667rem;
|
||||
height: 0.9066666667rem;
|
||||
line-height: 0.9066666667rem;
|
||||
background: url("https://img.pekolive.com/cf-tip.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #F0C799;
|
||||
}
|
||||
@@ -140,13 +198,14 @@ body {
|
||||
padding-left: 0.6266666667rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li {
|
||||
transition: all, 0.2s;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: 1.84rem;
|
||||
height: 1.9733333333rem;
|
||||
margin-top: 1.7333333333rem;
|
||||
margin-right: 0.4266666667rem;
|
||||
background: url("https://img.pekolive.com/cf-bubble-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/bubble-bg.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
.wrap .game-area .select-time ul li:nth-child(-n+4) {
|
||||
margin-top: 1.0666666667rem;
|
||||
@@ -164,7 +223,7 @@ body {
|
||||
height: 0.3733333333rem;
|
||||
line-height: 0.3733333333rem;
|
||||
text-align: center;
|
||||
background: url("https://img.pekolive.com/cf-multiple-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/multiple-bg.png") no-repeat 0 0/100% 100%;
|
||||
font-size: 0.2666666667rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
@@ -179,16 +238,17 @@ body {
|
||||
box-sizing: border-box;
|
||||
width: 1.8133333333rem;
|
||||
height: 0.7733333333rem;
|
||||
background: url("https://img.pekolive.com/cf-name-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/name-bg.png") no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: 0.2666666667rem;
|
||||
font-size: 0.3333333333rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
line-height: 0.6rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li .name.general {
|
||||
height: 0.6133333333rem;
|
||||
line-height: 0.4rem;
|
||||
background: url("https://img.pekolive.com/cf-name-general-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/name-general-bg.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
.wrap .game-area .select-time ul li .name .gift-price {
|
||||
font-size: 0.24rem;
|
||||
@@ -201,7 +261,7 @@ body {
|
||||
position: absolute;
|
||||
top: -0.96rem;
|
||||
left: -0.3733333333rem;
|
||||
background: url("https://img.pekolive.com/cf-qipao-2s.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/qipao-2s.png") no-repeat 0 0/100% 100%;
|
||||
transform: rotate(343deg);
|
||||
text-indent: 0.2133333333rem;
|
||||
}
|
||||
@@ -233,20 +293,20 @@ body {
|
||||
width: 9.4666666667rem;
|
||||
height: 1.68rem;
|
||||
margin: 1.8666666667rem auto 0;
|
||||
background: url("https://img.pekolive.com/cf-btn-wrap-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/btn-wrap-bg.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
.wrap .game-area .select-time .btn-wrap div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 2.5333333333rem;
|
||||
height: 1.0666666667rem;
|
||||
background: url("https://img.pekolive.com/cf-fragment-btn.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/fragment-btn.png") no-repeat 0 0/100% 100%;
|
||||
line-height: 1.0666666667rem;
|
||||
font-size: 0.4rem;
|
||||
color: #975B25;
|
||||
}
|
||||
.wrap .game-area .select-time .btn-wrap div.active {
|
||||
background-image: url("https://img.pekolive.com/cf-fragment-btn-active.png");
|
||||
background-image: url("../images/fragment-btn-active.png");
|
||||
color: #B33E17;
|
||||
}
|
||||
.wrap .game-area .select-time .btn-wrap div:first-child {
|
||||
@@ -286,7 +346,7 @@ body {
|
||||
width: 4.2933333333rem;
|
||||
height: 0.96rem;
|
||||
line-height: 0.8266666667rem;
|
||||
background: url("https://img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
color: #B82F1A;
|
||||
font-size: 0.32rem;
|
||||
@@ -297,19 +357,40 @@ body {
|
||||
width: 4.9066666667rem;
|
||||
height: 0.9066666667rem;
|
||||
line-height: 0.9066666667rem;
|
||||
background: url("https://img.pekolive.com/cf-tip.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: 0.2933333333rem;
|
||||
color: rgba(255, 240, 199, 0.6);
|
||||
color: #FFF0C799;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .game-area .wait-time-s {
|
||||
width: 10rem;
|
||||
height: 9.0666666667rem;
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
}
|
||||
.wrap .game-area .wait-time-x {
|
||||
width: 10rem;
|
||||
height: 9.0666666667rem;
|
||||
position: absolute;
|
||||
top: 1.4rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .game-area .draw-time {
|
||||
display: none;
|
||||
width: 2.8rem;
|
||||
width: 55%;
|
||||
height: 2.84rem;
|
||||
margin: 1.2rem auto 0.2rem;
|
||||
background: url("https://img.pekolive.com/cf-drawBg.png");
|
||||
margin: 1.8rem auto 0.2rem;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-flow: row wrap;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.wrap .game-area .draw-time .count-down,
|
||||
.wrap .game-area .draw-time .current-tip {
|
||||
@@ -321,7 +402,7 @@ body {
|
||||
width: 4.2933333333rem;
|
||||
height: 0.96rem;
|
||||
line-height: 0.8266666667rem;
|
||||
background: url("https://img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: 0.32rem;
|
||||
color: #B82F1A;
|
||||
@@ -332,7 +413,7 @@ body {
|
||||
width: 4.9066666667rem;
|
||||
height: 0.9066666667rem;
|
||||
line-height: 0.9066666667rem;
|
||||
background: url("https://img.pekolive.com/cf-tip.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #F0C799;
|
||||
}
|
||||
@@ -340,7 +421,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 3.1rem;
|
||||
bottom: 2.3rem;
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
}
|
||||
@@ -390,13 +471,18 @@ body {
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no1 .nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 1.1733333333rem;
|
||||
top: 1.1333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no1 .num {
|
||||
width: 100%;
|
||||
@@ -442,13 +528,18 @@ body {
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no2 .nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 1.0133333333rem;
|
||||
top: 0.9333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no2 .num {
|
||||
width: 100%;
|
||||
@@ -495,13 +586,18 @@ body {
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no3 .nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 1.0133333333rem;
|
||||
top: 0.9333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no3 .num {
|
||||
width: 100%;
|
||||
@@ -520,15 +616,20 @@ body {
|
||||
color: #fff;
|
||||
}
|
||||
.wrap .game-area .draw-time .draw-pic {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.65rem;
|
||||
z-index: 1;
|
||||
width: 1.3333333333rem;
|
||||
width: 1.3466666667rem;
|
||||
height: 1.3466666667rem;
|
||||
margin: 0 auto 0;
|
||||
background: url("../images/drawBg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
.wrap .game-area .draw-time .draw-pic img {
|
||||
width: 100%;
|
||||
width: 0.8rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 45%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.wrap .game-area .draw-time .award-info {
|
||||
width: 8rem;
|
||||
@@ -536,7 +637,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 6.5rem;
|
||||
top: 7.2rem;
|
||||
display: flex;
|
||||
}
|
||||
.wrap .game-area .draw-time .award-info .desc {
|
||||
@@ -562,7 +663,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.8rem;
|
||||
top: 4.5rem;
|
||||
display: flex;
|
||||
}
|
||||
.wrap .game-area .draw-time .put-wrap .put {
|
||||
@@ -593,7 +694,7 @@ body {
|
||||
.wrap .game-area .draw-time .put-wrap .list .item p {
|
||||
width: 0.8266666667rem;
|
||||
height: 0.8266666667rem;
|
||||
background: url("https://img.pekolive.com/cf-record_bubble.png") no-repeat;
|
||||
background: url("../images/record_bubble.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.wrap .game-area .draw-time .put-wrap .list .item p .gift {
|
||||
@@ -625,7 +726,7 @@ body {
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
height: 1.7333333333rem;
|
||||
background: url("https://img.pekolive.com/cf-index-bottom.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/index-bottom.png") no-repeat 0 0/100% 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -685,7 +786,7 @@ body {
|
||||
transform: translate(-50%, -50%);
|
||||
width: 7.68rem;
|
||||
height: 8.88rem;
|
||||
background: url("https://img.pekolive.com/cf-rule-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/rule-bg.png") no-repeat 0 0/100% 100%;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #B58147;
|
||||
font-weight: 600;
|
||||
@@ -708,7 +809,7 @@ body {
|
||||
width: 3.36rem;
|
||||
height: 0.6133333333rem;
|
||||
line-height: 0.6133333333rem;
|
||||
background: url("https://img.pekolive.com/cf-title-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/title-bg.png") no-repeat 0 0/100% 100%;
|
||||
margin: 0 auto 0.2933333333rem;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -742,36 +843,38 @@ body {
|
||||
width: 8.8rem;
|
||||
height: 13.0666666667rem;
|
||||
background: white;
|
||||
background: url(../images/myBoxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top {
|
||||
height: 4.5333333333rem;
|
||||
background-image: linear-gradient(#F49C35, #FFDD81);
|
||||
overflow: hidden;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap {
|
||||
font-family: "pingfang-regular";
|
||||
width: 6.1333333333rem;
|
||||
width: 5.8666666667rem;
|
||||
height: 0.9333333333rem;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 0.48rem;
|
||||
margin: 0.2666666667rem auto 0.08rem;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
padding: 0.0666666667rem;
|
||||
box-sizing: border-box;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap span {
|
||||
display: inline-block;
|
||||
width: 2.8rem;
|
||||
width: 50%;
|
||||
height: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
text-align: center;
|
||||
font-size: 0.4rem;
|
||||
color: white;
|
||||
margin-top: 0.0666666667rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap span:first-child {
|
||||
margin-left: 0.1866666667rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap .active {
|
||||
background-color: white;
|
||||
color: #F5A03A;
|
||||
color: #F56801;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap {
|
||||
@@ -793,8 +896,8 @@ body {
|
||||
display: none;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar {
|
||||
width: 1.76rem;
|
||||
height: 2.3333333333rem;
|
||||
width: 2.5866666667rem;
|
||||
height: 2.5066666667rem;
|
||||
margin-bottom: 0.2666666667rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar p {
|
||||
@@ -802,13 +905,14 @@ body {
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("https://img.pekolive.com/cf-first.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/first.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar img {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
top: -1.8133333333rem;
|
||||
left: 0.0266666667rem;
|
||||
top: -2.1333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1.7066666667rem;
|
||||
height: 1.7066666667rem;
|
||||
border-radius: 50%;
|
||||
@@ -826,29 +930,30 @@ body {
|
||||
margin: 0;
|
||||
margin-top: -0.2666666667rem;
|
||||
margin-bottom: 0.0533333333rem;
|
||||
color: #ED7B50;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank {
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 7.2rem;
|
||||
background-color: white;
|
||||
height: 7rem;
|
||||
padding: 0.4rem 0.2666666667rem 0;
|
||||
box-sizing: border-box;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 0.5333333333rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .index {
|
||||
display: inline-block;
|
||||
width: 0.4rem;
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info {
|
||||
@@ -871,7 +976,11 @@ body {
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num {
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
color: #FF7700;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num b {
|
||||
color: #FF5110;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine {
|
||||
position: fixed;
|
||||
@@ -880,8 +989,9 @@ body {
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: 1.3333333333rem;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
padding: 0 0.2rem;
|
||||
background: url(../images/mineBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 0 0.7rem 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -890,11 +1000,13 @@ body {
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-info img {
|
||||
width: 1.0666666667rem;
|
||||
@@ -907,11 +1019,20 @@ body {
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 3.5rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num {
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
color: #fff;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num b {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .shade-mask-fragmentNum {
|
||||
display: none;
|
||||
@@ -996,7 +1117,7 @@ body {
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
height: 1.7333333333rem;
|
||||
background: url("https://img.pekolive.com/cf-bottom.png") no-repeat 0 0/100% 100%;
|
||||
background: url("../images/bottom.png") no-repeat 0 0/100% 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
@@ -1,9 +1,10 @@
|
||||
@function px2rem($px, $rem: 75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
@function prefixurl() {
|
||||
@return 'https://img.pekolive.com/'
|
||||
}
|
||||
|
||||
// @function prefixurl() {
|
||||
// @return 'https://img.pekolive.com/'
|
||||
// }
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
@@ -24,11 +25,27 @@
|
||||
html,
|
||||
body {
|
||||
font-family: 'din-medium';
|
||||
background: #C8864C;
|
||||
background: #E17E3D;
|
||||
// 海浪svga过长
|
||||
overflow-x: hidden;
|
||||
// height: 19rem;
|
||||
&::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.back {
|
||||
position: fixed;
|
||||
top: px2rem(70, );
|
||||
left: px2rem(34, );
|
||||
z-index: 9;
|
||||
width: px2rem(62, );
|
||||
height: px2rem(62, );
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.wrap {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
@@ -37,7 +54,15 @@ body {
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
.subtitle {
|
||||
position: absolute;
|
||||
top: px2rem(9, );
|
||||
right: px2rem(84, );
|
||||
width: px2rem(140, );
|
||||
height: px2rem(84, );
|
||||
}
|
||||
}
|
||||
|
||||
.rule,
|
||||
@@ -60,24 +85,21 @@ body {
|
||||
// bottom: px2rem(1040);
|
||||
}
|
||||
|
||||
.previous-result {
|
||||
// 往轮结果
|
||||
.previous_Round_Result {
|
||||
width: px2rem(707, );
|
||||
height: px2rem(114, );
|
||||
position: absolute;
|
||||
// bottom: px2rem(200);
|
||||
top: px2rem(1120);
|
||||
top: 16.1rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(710);
|
||||
height: px2rem(68);
|
||||
font-family: 'pingfang-bold';
|
||||
font-size: px2rem(30);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: url(prefixurl()+'cf-previous-result-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url(../images/previous_Round_Result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 9;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
font-weight: bold;
|
||||
margin-left: px2rem(27);
|
||||
text-shadow: 1px 1px 0px#fc8321,
|
||||
@@ -86,41 +108,134 @@ body {
|
||||
-1px -1px 0px#fc8321,
|
||||
1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321;
|
||||
font-size: px2rem(36, );
|
||||
left: px2rem(0, );
|
||||
bottom: 1.65rem;
|
||||
background: url(../images/wljg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: px2rem(128, );
|
||||
height: px2rem(38, );
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.result-list {
|
||||
display: flex;
|
||||
.box {
|
||||
width: px2rem(707, );
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(19, ) px2rem(10, ) 0 px2rem(10, );
|
||||
overflow-x: scroll;
|
||||
|
||||
p {
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
margin-left: px2rem(8);
|
||||
background: url(prefixurl()+'cf-little-bubble.png') 0 0/100% 100%;
|
||||
|
||||
// &:nth-child(11){
|
||||
// width: px2rem(40, );
|
||||
// height: px2rem(42, );
|
||||
// margin-left: 0.25rem;
|
||||
// background: url('../images/btn_result.png') 0 0/100% 100%;
|
||||
// }
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
&::-webkit-scrollbar {
|
||||
// width: 0;
|
||||
height: 2px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
ul {
|
||||
width: 35rem;
|
||||
height: 100%;
|
||||
|
||||
.more-result {
|
||||
width: px2rem(42);
|
||||
height: px2rem(44);
|
||||
margin-left: 0.2rem;
|
||||
li {
|
||||
float: left;
|
||||
width: px2rem(122, );
|
||||
height: px2rem(73, );
|
||||
background: url(../images/previous_Round_Result_Li.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
margin-right: px2rem(8, );
|
||||
// padding: 0 px2rem(4, );
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
p {
|
||||
display: block;
|
||||
width: px2rem(25, );
|
||||
height: px2rem(25, );
|
||||
background: url(../images/record_bubble.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 px2rem(2, );
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 80%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .previous-result {
|
||||
// position: absolute;
|
||||
// // bottom: px2rem(200);
|
||||
// top: px2rem(1120);
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// width: px2rem(710);
|
||||
// height: px2rem(68);
|
||||
// font-family: 'pingfang-bold';
|
||||
// font-size: px2rem(30);
|
||||
// font-weight: bold;
|
||||
// color: white;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// background: url('../images/previous-result-bg.png') no-repeat 0 0/100% 100%;
|
||||
// z-index: 9;
|
||||
|
||||
// span {
|
||||
// font-weight: bold;
|
||||
// margin-left: px2rem(27);
|
||||
// text-shadow: 1px 1px 0px#fc8321,
|
||||
// -1px -1px 0px#fc8321,
|
||||
// 1px 1px 0px#fc8321,
|
||||
// -1px -1px 0px#fc8321,
|
||||
// 1px 1px 0px#fc8321,
|
||||
// -1px -1px 0px#fc8321;
|
||||
// }
|
||||
|
||||
// .result-list {
|
||||
// display: flex;
|
||||
|
||||
// p {
|
||||
// width: px2rem(40);
|
||||
// height: px2rem(40);
|
||||
// margin-left: px2rem(8);
|
||||
// background: url('../images/little-bubble.png') 0 0/100% 100%;
|
||||
|
||||
// // &:nth-child(11){
|
||||
// // width: px2rem(40, );
|
||||
// // height: px2rem(42, );
|
||||
// // margin-left: 0.25rem;
|
||||
// // background: url('../images/btn_result.png') 0 0/100% 100%;
|
||||
// // }
|
||||
// img {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
// .more-result {
|
||||
// width: px2rem(42);
|
||||
// height: px2rem(44);
|
||||
// margin-left: 0.2rem;
|
||||
|
||||
// img {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.mall {
|
||||
position: absolute;
|
||||
top: px2rem(184);
|
||||
@@ -141,7 +256,7 @@ body {
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
height: px2rem(1054);
|
||||
background: url(prefixurl()+'cf-game-area.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/game-area.png') no-repeat 0 0/100% 100%;
|
||||
|
||||
.roundId {
|
||||
font-size: px2rem(20, );
|
||||
@@ -162,10 +277,11 @@ body {
|
||||
top: px2rem(-40);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(322);
|
||||
// width: px2rem(322);
|
||||
width: 5.45rem;
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(62);
|
||||
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
@@ -177,7 +293,7 @@ body {
|
||||
width: px2rem(368);
|
||||
height: px2rem(68);
|
||||
line-height: px2rem(68);
|
||||
background: url(prefixurl()+'cf-tip.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
|
||||
font-size: px2rem(22);
|
||||
color: #F0C799;
|
||||
}
|
||||
@@ -190,13 +306,14 @@ body {
|
||||
padding-left: px2rem(47);
|
||||
|
||||
li {
|
||||
transition: all, 0.2s;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: px2rem(138);
|
||||
height: px2rem(148);
|
||||
margin-top: px2rem(130);
|
||||
margin-right: px2rem(32);
|
||||
background: url(prefixurl()+'cf-bubble-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/bubble-bg.png') no-repeat 0 0/100% 100%;
|
||||
|
||||
&:nth-child(-n+4) {
|
||||
margin-top: px2rem(80);
|
||||
@@ -216,7 +333,7 @@ body {
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
text-align: center;
|
||||
background: url(prefixurl()+'cf-multiple-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/multiple-bg.png') no-repeat 0 0/100% 100%;
|
||||
font-size: px2rem(20);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
@@ -232,16 +349,17 @@ body {
|
||||
box-sizing: border-box;
|
||||
width: px2rem(136);
|
||||
height: px2rem(58);
|
||||
background: url(prefixurl()+'cf-name-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/name-bg.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(20);
|
||||
font-size: px2rem(25);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
line-height: 0.6rem;
|
||||
|
||||
&.general {
|
||||
height: px2rem(46);
|
||||
line-height: px2rem(30);
|
||||
background: url(prefixurl()+'cf-name-general-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/name-general-bg.png') no-repeat 0 0/100% 100%;
|
||||
}
|
||||
|
||||
.gift-price {
|
||||
@@ -259,7 +377,7 @@ body {
|
||||
position: absolute;
|
||||
top: px2rem(-72);
|
||||
left: px2rem(-28);
|
||||
background: url(prefixurl()+'cf-qipao-2s.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/qipao-2s.png') no-repeat 0 0/100% 100%;
|
||||
transform: rotate(343deg);
|
||||
text-indent: px2rem(16);
|
||||
|
||||
@@ -307,20 +425,20 @@ body {
|
||||
width: px2rem(710);
|
||||
height: px2rem(126);
|
||||
margin: px2rem(140) auto 0;
|
||||
background: url(prefixurl()+'cf-btn-wrap-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/btn-wrap-bg.png') no-repeat 0 0/100% 100%;
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: px2rem(190);
|
||||
height: px2rem(80);
|
||||
background: url(prefixurl()+'cf-fragment-btn.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/fragment-btn.png') no-repeat 0 0/100% 100%;
|
||||
line-height: px2rem(80);
|
||||
font-size: px2rem(30);
|
||||
color: #975B25;
|
||||
|
||||
&.active {
|
||||
background-image: url(prefixurl()+'cf-fragment-btn-active.png');
|
||||
background-image: url('../images/fragment-btn-active.png');
|
||||
color: #B33E17;
|
||||
}
|
||||
|
||||
@@ -371,7 +489,7 @@ body {
|
||||
width: px2rem(322);
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(62);
|
||||
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
color: #B82F1A;
|
||||
font-size: px2rem(24);
|
||||
@@ -383,7 +501,7 @@ body {
|
||||
width: px2rem(368);
|
||||
height: px2rem(68);
|
||||
line-height: px2rem(68);
|
||||
background: url(prefixurl()+'cf-tip.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(22);
|
||||
color: #FFF0C799;
|
||||
@@ -392,16 +510,43 @@ body {
|
||||
|
||||
}
|
||||
|
||||
// 动画上
|
||||
.wait-time-s {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(680, );
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
// 动画下
|
||||
.wait-time-x {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(680, );
|
||||
position: absolute;
|
||||
top: 1.4rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
// 开奖时间
|
||||
.draw-time {
|
||||
display: none;
|
||||
// width: px2rem(750);
|
||||
// height: px2rem(600);
|
||||
width: px2rem(210, );
|
||||
// width: px2rem(210, );
|
||||
width: 55%;
|
||||
height: px2rem(213, );
|
||||
margin: 1.2rem auto 0.2rem;
|
||||
background: url(prefixurl()+'cf-drawBg.png');
|
||||
margin: 1.8rem auto 0.2rem;
|
||||
// background: url('../images/drawBg.png');
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-flow: row wrap;
|
||||
box-sizing: border-box;
|
||||
|
||||
.count-down,
|
||||
.current-tip {
|
||||
@@ -413,7 +558,7 @@ body {
|
||||
width: px2rem(322);
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(62);
|
||||
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(24);
|
||||
color: #B82F1A;
|
||||
@@ -425,7 +570,7 @@ body {
|
||||
width: px2rem(368);
|
||||
height: px2rem(68);
|
||||
line-height: px2rem(68);
|
||||
background: url(prefixurl()+'cf-tip.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
|
||||
font-size: px2rem(22);
|
||||
color: #F0C799;
|
||||
}
|
||||
@@ -434,7 +579,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 3.1rem;
|
||||
bottom: 2.3rem;
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
|
||||
@@ -493,13 +638,18 @@ body {
|
||||
|
||||
.nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: px2rem(22, );
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(88, );
|
||||
top: px2rem(85, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
}
|
||||
|
||||
.num {
|
||||
@@ -556,13 +706,18 @@ body {
|
||||
|
||||
.nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: px2rem(22, );
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(76, );
|
||||
top: px2rem(70, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
}
|
||||
|
||||
.num {
|
||||
@@ -617,13 +772,18 @@ body {
|
||||
|
||||
.nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: px2rem(22, );
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(76, );
|
||||
top: px2rem(70, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
}
|
||||
|
||||
.num {
|
||||
@@ -649,21 +809,42 @@ body {
|
||||
}
|
||||
|
||||
.draw-pic {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.65rem;
|
||||
z-index: 1;
|
||||
width: px2rem(100);
|
||||
// height: px2rem(91);
|
||||
width: px2rem(101, );
|
||||
// width: 25%;
|
||||
height: px2rem(101, );
|
||||
margin: 0 auto 0;
|
||||
background: url('../images/drawBg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
width: px2rem(60, );
|
||||
// margin: -0.3rem 0 0 1.18rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 45%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
// .draw-pic {
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// top: 1.65rem;
|
||||
// z-index: 1;
|
||||
// width: px2rem(100);
|
||||
// background: url('../images/drawBg.png');
|
||||
// // height: px2rem(91);
|
||||
|
||||
// img {
|
||||
// width: 100%;
|
||||
// // height: 100%;
|
||||
// // margin: -0.3rem 0 0 1.18rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
.award-info {
|
||||
width: px2rem(600, );
|
||||
// height: px2rem(183, );
|
||||
@@ -671,7 +852,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 6.5rem;
|
||||
top: 7.2rem;
|
||||
display: flex;
|
||||
|
||||
.desc {
|
||||
@@ -705,7 +886,8 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.8rem;
|
||||
// top: 3.8rem;
|
||||
top: 4.5rem;
|
||||
display: flex;
|
||||
|
||||
.put {
|
||||
@@ -739,7 +921,7 @@ body {
|
||||
p {
|
||||
width: px2rem(62, );
|
||||
height: px2rem(62, );
|
||||
background: url(prefixurl()+'cf-record_bubble.png') no-repeat;
|
||||
background: url('../images/record_bubble.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.gift {
|
||||
@@ -783,7 +965,7 @@ body {
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
height: px2rem(130);
|
||||
background: url(prefixurl()+'cf-index-bottom.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/index-bottom.png') no-repeat 0 0/100% 100%;
|
||||
display: flex;
|
||||
// justify-content: space-evenly;
|
||||
align-items: center;
|
||||
@@ -853,7 +1035,7 @@ body {
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(576);
|
||||
height: px2rem(666);
|
||||
background: url(prefixurl()+'cf-rule-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/rule-bg.png') no-repeat 0 0/100% 100%;
|
||||
// padding: px2rem(56) px2rem(54) px2rem(42) px2rem(40);
|
||||
// box-sizing: border-box;
|
||||
font-size: px2rem(26);
|
||||
@@ -878,7 +1060,7 @@ body {
|
||||
width: px2rem(252);
|
||||
height: px2rem(46);
|
||||
line-height: px2rem(46);
|
||||
background: url(prefixurl()+'cf-title-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/title-bg.png') no-repeat 0 0/100% 100%;
|
||||
margin: 0 auto px2rem(22);
|
||||
text-align: center;
|
||||
}
|
||||
@@ -922,38 +1104,45 @@ body {
|
||||
width: px2rem(660);
|
||||
height: px2rem(980);
|
||||
background: white;
|
||||
background: url(../images/myBoxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.rank-top {
|
||||
height: px2rem(340);
|
||||
background-image: linear-gradient(#F49C35, #FFDD81);
|
||||
// background-image: linear-gradient(#F49C35, #FFDD81);
|
||||
overflow: hidden;
|
||||
|
||||
.tab-wrap {
|
||||
font-family: 'pingfang-regular';
|
||||
width: px2rem(460);
|
||||
width: px2rem(440);
|
||||
height: px2rem(70);
|
||||
background-color: rgba($color: #fff, $alpha: .3);
|
||||
border-radius: px2rem(36);
|
||||
margin: px2rem(20) auto px2rem(6);
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
padding: px2rem(5, );
|
||||
box-sizing: border-box;
|
||||
justify-content: space-between;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: px2rem(210);
|
||||
// width: px2rem(210, );
|
||||
width: 50%;
|
||||
height: px2rem(60);
|
||||
line-height: px2rem(60);
|
||||
text-align: center;
|
||||
font-size: px2rem(30);
|
||||
color: white;
|
||||
margin-top: px2rem(5);
|
||||
|
||||
&:first-child {
|
||||
margin-left: px2rem(14);
|
||||
}
|
||||
// &:first-child {
|
||||
// margin-left: px2rem(14);
|
||||
// }
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: white;
|
||||
color: #F5A03A;
|
||||
color: #F56801;
|
||||
border-radius: px2rem(30);
|
||||
}
|
||||
}
|
||||
@@ -981,8 +1170,8 @@ body {
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: px2rem(132);
|
||||
height: px2rem(175);
|
||||
width: px2rem(194);
|
||||
height: px2rem(188);
|
||||
margin-bottom: px2rem(20);
|
||||
|
||||
p {
|
||||
@@ -990,14 +1179,16 @@ body {
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(prefixurl()+'cf-first.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/first.png') no-repeat 0 0/100% 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
top: px2rem(-136);
|
||||
left: px2rem(2);
|
||||
top: px2rem(-160);
|
||||
// left: px2rem(2);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(128);
|
||||
height: px2rem(128);
|
||||
border-radius: 50%;
|
||||
@@ -1018,7 +1209,7 @@ body {
|
||||
margin: 0;
|
||||
margin-top: px2rem(-20);
|
||||
margin-bottom: px2rem(4);
|
||||
color: #ED7B50;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
}
|
||||
@@ -1029,15 +1220,18 @@ body {
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: px2rem(540);
|
||||
background-color: white;
|
||||
height: 7rem;
|
||||
// background-color: white;
|
||||
padding: px2rem(30) px2rem(20) 0;
|
||||
box-sizing: border-box;
|
||||
margin-top: 0.25rem;
|
||||
|
||||
li {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: px2rem(40);
|
||||
// margin-bottom: px2rem(40);
|
||||
margin: 0 auto px2rem(40, );
|
||||
|
||||
&:last-child {
|
||||
// margin-bottom: px2rem(140);
|
||||
@@ -1048,7 +1242,7 @@ body {
|
||||
width: px2rem(30);
|
||||
font-size: px2rem(30);
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -1075,7 +1269,12 @@ body {
|
||||
.others-diamond-num {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
color: #FF7700;
|
||||
|
||||
b {
|
||||
color: #FF5110;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1087,8 +1286,10 @@ body {
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: px2rem(100);
|
||||
background-color: rgba($color: #000000, $alpha: .8);
|
||||
padding: 0 px2rem(15);
|
||||
// background-color: rgba($color: #000000, $alpha: .8);
|
||||
background: url(../images/mineBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 0 0.7rem 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -1097,12 +1298,14 @@ body {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.mine-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
|
||||
img {
|
||||
width: px2rem(80);
|
||||
@@ -1116,13 +1319,23 @@ body {
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
overflow: hidden; //超出隐藏
|
||||
white-space: nowrap; //不折行
|
||||
text-overflow: ellipsis;
|
||||
width: 3.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.mine-diamond-num {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
color: #fff;
|
||||
white-space: nowrap;
|
||||
|
||||
b {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1221,7 +1434,7 @@ body {
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
height: px2rem(130);
|
||||
background: url(prefixurl()+'cf-bottom.png') no-repeat 0 0/100% 100%;
|
||||
background: url('../images/bottom.png') no-repeat 0 0/100% 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
|
@@ -46,8 +46,8 @@ body {
|
||||
}
|
||||
.record-list li {
|
||||
width: 100%;
|
||||
height: 6.9733333333rem;
|
||||
background: url("https://img.pekolive.com/cf-record-bg.png") no-repeat;
|
||||
height: 8.48rem;
|
||||
background: url("../images/record/record-bg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.2666666667rem;
|
||||
overflow: hidden;
|
||||
@@ -88,6 +88,7 @@ body {
|
||||
margin: 0.0666666667rem auto 0.3333333333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
.record-list li .result-wrap .result {
|
||||
display: flex;
|
||||
@@ -98,21 +99,21 @@ body {
|
||||
color: #FFFFFF;
|
||||
padding-right: 0.1866666667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.record-list li .result-wrap .result .bg {
|
||||
width: 1.2133333333rem;
|
||||
height: 1.2133333333rem;
|
||||
background: url("https://img.pekolive.com/cf-record_bubble_act.png") no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1.9066666667rem;
|
||||
height: 0.6rem;
|
||||
background: url(../images/record/result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.record-list li .result-wrap .result .bg img {
|
||||
width: 75%;
|
||||
margin-top: 0.15rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
.record-list li .result-wrap .award {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: -0.1rem;
|
||||
}
|
||||
.record-list li .result-wrap .award p,
|
||||
.record-list li .result-wrap .award b {
|
||||
@@ -124,25 +125,57 @@ body {
|
||||
width: 0.3733333333rem;
|
||||
height: 0.3733333333rem;
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox {
|
||||
width: 8.8rem;
|
||||
height: 1.1466666667rem;
|
||||
margin: 1rem auto 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox .bg {
|
||||
width: 1.1466666667rem;
|
||||
height: 1.1466666667rem;
|
||||
background: url("../images/record_bubble_act.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox .bg img {
|
||||
width: 75%;
|
||||
display: block;
|
||||
margin: 0.1333333333rem auto 0;
|
||||
}
|
||||
.record-list li .put-wrap {
|
||||
width: 84%;
|
||||
height: 1.2133333333rem;
|
||||
line-height: 1.2133333333rem;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
margin: 2rem auto 0;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.record-list li .put-wrap .put {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.9rem;
|
||||
position: absolute;
|
||||
width: 1.0266666667rem;
|
||||
height: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/record/touru.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: -0.6rem;
|
||||
}
|
||||
.record-list li .put-wrap .list {
|
||||
width: 6.72rem;
|
||||
height: 2.7733333333rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.3rem auto 0;
|
||||
}
|
||||
.record-list li .put-wrap .list .item {
|
||||
width: 0.9866666667rem;
|
||||
@@ -159,7 +192,7 @@ body {
|
||||
.record-list li .put-wrap .list .item p {
|
||||
width: 0.8266666667rem;
|
||||
height: 0.8266666667rem;
|
||||
background: url("https://img.pekolive.com/cf-record_bubble.png") no-repeat;
|
||||
background: url("../images/record_bubble.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.record-list li .put-wrap .list .item p .gift {
|
||||
@@ -176,7 +209,8 @@ body {
|
||||
}
|
||||
.record-list li .put-wrap .list .item div .diamond {
|
||||
width: 0.3333333333rem;
|
||||
height: 0.2666666667rem;
|
||||
height: 0.3333333333rem;
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
.record-list li .put-wrap .list .item div .in {
|
||||
font-size: 0.2666666667rem;
|
||||
|
@@ -1,9 +1,10 @@
|
||||
@function px2rem($px, $rem: 75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
@function prefixurl() {
|
||||
@return 'https://img.pekolive.com/'
|
||||
}
|
||||
|
||||
// @function prefixurl() {
|
||||
// @return 'https://img.pekolive.com/'
|
||||
// }
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
@@ -63,9 +64,9 @@ body {
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(523, );
|
||||
height: px2rem(636, );
|
||||
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
|
||||
background: url(prefixurl()+'cf-record-bg.png') no-repeat;
|
||||
background: url('../images/record/record-bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: px2rem(20, );
|
||||
overflow: hidden;
|
||||
@@ -117,6 +118,7 @@ body {
|
||||
margin: px2rem(5, ) auto px2rem(25, );
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
.result {
|
||||
display: flex;
|
||||
@@ -127,26 +129,39 @@ body {
|
||||
color: #FFFFFF;
|
||||
padding-right: px2rem(14, );
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.bg {
|
||||
width: px2rem(91, );
|
||||
height: px2rem(91, );
|
||||
background: url(prefixurl()+'cf-record_bubble_act.png') no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(143, );
|
||||
height: px2rem(45, );
|
||||
background: url(../images/record/result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: 75%;
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
// .bg {
|
||||
// width: px2rem(91, );
|
||||
// height: px2rem(91, );
|
||||
// background: url('../images/record_bubble_act.png') no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// text-align: center;
|
||||
|
||||
// img {
|
||||
// width: 75%;
|
||||
// margin-top: 0.15rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
.award {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
// right: 0.8rem;
|
||||
// top: 1.8rem;
|
||||
right: 0rem;
|
||||
top: -0.1rem;
|
||||
|
||||
p,
|
||||
b {
|
||||
@@ -160,6 +175,31 @@ body {
|
||||
height: px2rem(28, );
|
||||
}
|
||||
}
|
||||
|
||||
.result_sBox {
|
||||
width: px2rem(660, );
|
||||
height: px2rem(86, );
|
||||
margin: 1rem auto 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.bg {
|
||||
width: px2rem(86, );
|
||||
height: px2rem(86, );
|
||||
background: url('../images/record_bubble_act.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: 75%;
|
||||
display: block;
|
||||
margin: px2rem(10, ) auto 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.put-wrap {
|
||||
@@ -167,14 +207,23 @@ body {
|
||||
height: px2rem(91, );
|
||||
line-height: px2rem(91, );
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
margin: 2rem auto 0;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
.put {
|
||||
font-size: px2rem(28, );
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.9rem;
|
||||
position: absolute;
|
||||
width: px2rem(77, );
|
||||
height: px2rem(45, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/record/touru.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: -0.6rem;
|
||||
}
|
||||
|
||||
.list {
|
||||
@@ -182,6 +231,7 @@ body {
|
||||
height: px2rem(208, );
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.3rem auto 0;
|
||||
|
||||
.item {
|
||||
width: px2rem(74, );
|
||||
@@ -200,7 +250,7 @@ body {
|
||||
p {
|
||||
width: px2rem(62, );
|
||||
height: px2rem(62, );
|
||||
background: url(prefixurl()+'cf-record_bubble.png') no-repeat;
|
||||
background: url('../images/record_bubble.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.gift {
|
||||
@@ -219,7 +269,8 @@ body {
|
||||
|
||||
.diamond {
|
||||
width: px2rem(25, );
|
||||
height: px2rem(20, );
|
||||
height: px2rem(25, );
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
|
||||
.in {
|
||||
|
@@ -17,7 +17,7 @@ body {
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 4.2266666667rem;
|
||||
background: url("https://img.pekolive.com/cf-result_main.png");
|
||||
background: url("../images/result_main.png");
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
@@ -45,7 +45,7 @@ body {
|
||||
.main {
|
||||
width: 10rem;
|
||||
height: 15.6rem;
|
||||
background: url("https://img.pekolive.com/cf-game-area.png");
|
||||
background: url("../images/game-area.png");
|
||||
background-size: 100% 100%;
|
||||
margin: -1.85rem auto 0;
|
||||
position: relative;
|
||||
@@ -55,7 +55,7 @@ body {
|
||||
width: 9.4533333333rem;
|
||||
height: 1.1466666667rem;
|
||||
line-height: 1.1466666667rem;
|
||||
background: url("https://img.pekolive.com/cf-result_list_bg.png");
|
||||
background: url("../images/result_list_bg.png");
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto 0.24rem;
|
||||
@@ -86,7 +86,7 @@ body {
|
||||
height: 0.8266666667rem;
|
||||
line-height: 1.1466666667rem;
|
||||
margin-left: 0.4666666667rem;
|
||||
background: url("https://img.pekolive.com/cf-record_bubble.png");
|
||||
background: url("../images/record_bubble.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.main li .list p img {
|
||||
|
@@ -31,7 +31,7 @@ body {
|
||||
.header {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(317, );
|
||||
background: url(prefixurl()+'cf-result_main.png');
|
||||
background: url('../images/result_main.png');
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
@@ -61,7 +61,7 @@ body {
|
||||
.main {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(1170, );
|
||||
background: url(prefixurl()+'cf-game-area.png');
|
||||
background: url('../images/game-area.png');
|
||||
background-size: 100% 100%;
|
||||
margin: -1.85rem auto 0;
|
||||
position: relative;
|
||||
@@ -71,7 +71,7 @@ body {
|
||||
width: px2rem(709, );
|
||||
height: px2rem(86, );
|
||||
line-height: px2rem(86, );
|
||||
background: url(prefixurl()+'cf-result_list_bg.png');
|
||||
background: url('../images/result_list_bg.png');
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto 0.24rem;
|
||||
@@ -105,7 +105,7 @@ body {
|
||||
height: px2rem(62, );
|
||||
line-height: px2rem(86, );
|
||||
margin-left: px2rem(35, );
|
||||
background: url(prefixurl()+'cf-record_bubble.png');
|
||||
background: url('../images/record_bubble.png');
|
||||
background-size: 100% 100%;
|
||||
|
||||
img {
|
||||
|
BIN
view/peko/activity/act-ocean/images/1.png
Normal file
After Width: | Height: | Size: 6.1 KiB |
BIN
view/peko/activity/act-ocean/images/2.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/act-ocean/images/3.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/act-ocean/images/4.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/activity/act-ocean/images/5.png
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
view/peko/activity/act-ocean/images/6.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/act-ocean/images/7.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-ocean/images/8.png
Normal file
After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 505 B After Width: | Height: | Size: 459 B |
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 8.1 KiB |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 6.4 KiB |
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 4.6 KiB |
Before Width: | Height: | Size: 168 KiB After Width: | Height: | Size: 501 KiB |
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 5.8 KiB |
Before Width: | Height: | Size: 578 B After Width: | Height: | Size: 452 B |