Compare commits

...

157 Commits

Author SHA1 Message Date
Dragon
5c042369fc 修复榜单 2023-08-19 00:17:33 +08:00
Dragon
269415685d 替换规则 2023-08-18 23:57:46 +08:00
Dragon
abd8deec4c 修改榜单奖励 2023-08-18 23:43:56 +08:00
Dragon
95416c0ef0 修复榜单溢出问题 2023-08-18 19:38:02 +08:00
Dragon
b4fdf87984 修改万单位判断条件 2023-08-18 19:37:59 +08:00
Dragon
b03374eddb 修改小时榜单 2023-08-18 19:37:57 +08:00
Dragon
b650b04101 修复时间格式 2023-08-18 19:37:55 +08:00
Dragon
6619db011d 替换榜单规则 2023-08-18 19:37:53 +08:00
Dragon
5c9597188f 替换图片 2023-08-18 19:37:51 +08:00
Dragon
4d49228ea6 取消限制连点抽奖 2023-08-18 19:37:46 +08:00
Dragon
7c0ec3a053 修复动效和榜单bug 2023-08-18 19:37:43 +08:00
Dragon
4f5a4bd2f1 修复bug 2023-08-18 19:37:40 +08:00
Dragon
b4e5279dd1 修复bug 2023-08-18 19:37:36 +08:00
Dragon
f00ef26431 替换为繁体 2023-08-18 19:37:30 +08:00
Dragon
660cbde145 完成所有接口联调 2023-08-18 19:37:27 +08:00
Dragon
bdf9d34ea7 暂存,仅剩第一个tab接口 2023-08-18 19:37:23 +08:00
Dragon
5a695caac4 暂存情缘榜 2023-08-18 19:37:19 +08:00
Dragon
f26364ffef 联调鹊桥接口动效以及房间榜接口 2023-08-18 19:37:17 +08:00
Dragon
9c3a66300e 完成七夕所有静态页面 2023-08-18 19:37:13 +08:00
Dragon
b6fe002a9f 暂存 2023-08-18 19:36:54 +08:00
Dragon
a41ff15608 暂存七夕 2023-08-18 19:36:51 +08:00
Dragon
579a25a047 暂存 2023-08-18 19:36:46 +08:00
Dragon
b13763b0b3 暂存 2023-08-18 19:36:42 +08:00
Dragon
9e82ab9cfc 暂存 2023-08-18 19:36:39 +08:00
Dragon
779dddffc8 暂存 2023-08-18 19:36:34 +08:00
Dragon
ac7a7b51d3 转存 2023-08-18 19:36:31 +08:00
Dragon
e2595fbb11 暂存 2023-08-18 19:36:25 +08:00
Dragon
edd003ceb4 暂存七夕互动 2023-08-18 19:36:21 +08:00
Dragon
06d2f79d49 修改未登入code 2023-08-18 19:27:54 +08:00
Dragon
b2b2cbe10d 替换代充图 2023-08-17 18:21:06 +08:00
Dragon
bb48955bc6 更新代充静态图 2023-08-17 16:56:21 +08:00
Dragon
e90f2fcccb 更新等级icon 2023-08-16 18:51:44 +08:00
Dragon
cda5b1a2e7 修改用户充值协议 2023-08-16 17:44:25 +08:00
Dragon
8963f2228d 修改获取房间id参数方式 2023-08-11 11:00:22 +08:00
Dragon
777cba90bd 兼容ios幸运塔罗性能问题 2023-08-11 10:56:45 +08:00
Dragon
7c9c75b9ae 新增代充跳转页 2023-08-09 18:53:40 +08:00
Dragon
c62c02655a 新增金币账单 2023-08-09 11:06:43 +08:00
Dragon
b522baca60 更新账单 2023-08-09 11:00:48 +08:00
Dragon
e72bcc1ce1 新增金币提现驳回账单 2023-08-09 11:00:47 +08:00
Dragon
bb2784dae7 修改logo和下载链接 2023-08-09 10:57:48 +08:00
Dragon
6983b611f6 替换遗漏pike 2023-08-08 16:02:54 +08:00
Dragon
96fc251f09 更新塔罗规则 2023-08-07 16:04:50 +08:00
Dragon
bb2c2b44cb 隐藏提现驳回账单 2023-08-07 16:04:47 +08:00
Dragon
ef6bcac4e9 修复账单无法登入过期问题 2023-08-07 16:04:42 +08:00
Dragon
52925e948b 更新办单和账单 2023-08-07 16:04:38 +08:00
Dragon
43736ecd86 回复commitpiko关键字 2023-08-07 16:04:30 +08:00
Dragon
63c10b4e2a 修改下载链接 2023-08-07 16:04:28 +08:00
Dragon
4a87f8e70f 完成迭代1.10.0 2023-08-07 16:04:25 +08:00
Dragon
d06a9136cc 修复提现其他无法保存问题 2023-08-07 15:05:28 +08:00
Dragon
3e9a323e77 修复寻爱免责声明 2023-08-04 14:33:06 +08:00
Dragon
192846f665 活动新增免责声明 2023-08-04 14:10:07 +08:00
Dragon
04ec4e1213 写死注销传参 2023-08-03 14:47:59 +08:00
Dragon
d4edc4d7f9 更新注销逻辑 2023-08-02 14:51:36 +08:00
Dragon
33b327ef08 修复流水太长样式异常问题 2023-08-01 22:45:49 +08:00
Dragon
c402e91b4b 修复不选择充值档位的情况下 仍然可以发起支付问题 2023-08-01 16:54:12 +08:00
Dragon
e5bc021b76 替换塔罗动效 2023-07-27 19:26:08 +08:00
Dragon
7ad353af3a 新增动效 2023-07-27 19:04:32 +08:00
Dragon
6ef6df6bd5 修复金币账单文案错误问题 2023-07-26 19:36:52 +08:00
Dragon
3b2d5f3ec8 修改金币账单文案提示 2023-07-26 19:25:19 +08:00
Dragon
b23b00110b 更改首页榜单,修复大陆提现校验问题 2023-07-26 18:36:28 +08:00
Dragon
effa4fc182 新增房间流水登入 2023-07-26 18:03:32 +08:00
Dragon
fda137edd4 新增房间柳树 2023-07-26 14:36:41 +08:00
Dragon
104c2a5ea9 修改遗漏繁体 2023-07-24 10:46:55 +08:00
Dragon
9c8dcfc5bc 隐藏塔罗充值弹窗,增加roomuid 2023-07-24 10:46:54 +08:00
Dragon
59dfb185c7 新增余额不足弹窗 2023-07-24 10:46:54 +08:00
Dragon
f9bf2c5473 修改roomUid 2023-07-24 10:46:54 +08:00
Dragon
cbbe553bf0 完成新塔罗 2023-07-24 10:46:54 +08:00
Dragon
3f314a647b 新塔罗暂存 2023-07-24 10:46:52 +08:00
Dragon
775a68a23c 新塔罗 2023-07-24 10:46:49 +08:00
Dragon
46db54d18b 隐藏厨房滚动条 2023-07-21 16:06:32 +08:00
Dragon
23630c40b9 修改贵族排行榜默认值 2023-07-21 10:40:56 +08:00
Dragon
c9b16d9fac 新增返回按钮 2023-07-20 16:10:45 +08:00
Dragon
9e345cf51a 修复无法跳转,名字不居中问题 2023-07-20 16:04:06 +08:00
Dragon
3d0df56d13 更新我的收益文件 2023-07-20 10:26:20 +08:00
Dragon
aeba089ded 去除顶部钻石记录 2023-07-20 10:16:59 +08:00
Dragon
50223def70 修改小精灵跳转方式 2023-07-19 19:37:52 +08:00
Dragon
6d251a0399 修复自己贵族不展示问题 2023-07-19 16:41:41 +08:00
Dragon
673005f471 修改bug替换贵族icon 2023-07-19 16:30:18 +08:00
Dragon
b9c7691b98 修复不显示自己榜单问题 2023-07-18 17:45:34 +08:00
Dragon
0c23babc9d 新增贵族 2023-07-18 17:45:33 +08:00
Dragon
bf6f941752 修复上传身份证问题 2023-07-18 17:32:28 +08:00
Dragon
2f88fdc21d 修改礼物获得文案 2023-07-17 22:15:16 +08:00
Dragon
661db811c0 设置token值 2023-07-17 15:35:38 +08:00
Dragon
7747ee7e93 修改请求头公共参数 2023-07-17 15:27:10 +08:00
Dragon
c625084bbb 新增请求头 2023-07-17 15:19:03 +08:00
Dragon
aaf2b2f6ed 修改请求头 2023-07-17 15:03:29 +08:00
Dragon
be4a1e09b2 修改登入传参 2023-07-17 14:32:06 +08:00
Dragon
47864dabdb 修改meta标签 2023-07-17 01:06:17 +08:00
Dragon
8f5bd66761 限制缩放 2023-07-17 00:40:35 +08:00
Dragon
7351a4b76d 修改默认值,加清除缓存 2023-07-17 00:22:26 +08:00
Dragon
6b16354f64 修改礼物收入数据异常问题 2023-07-14 17:51:07 +08:00
Dragon
1b3986bcf3 修改收益类型 2023-07-14 17:31:18 +08:00
Dragon
c19d1c92a2 加密账号 2023-07-14 17:20:38 +08:00
Dragon
f1badb8d03 新增金币账单,修复验证码登入失败问题 2023-07-14 16:37:12 +08:00
Dragon
131a276e58 修复bug 2023-07-14 15:27:25 +08:00
Dragon
f594d0de0c 修改取值 2023-07-12 18:27:12 +08:00
Dragon
2c0f58f815 新增判断 2023-07-12 18:11:00 +08:00
Dragon
844dc5c831 加密手机号,压缩图片 2023-07-12 17:29:57 +08:00
Dragon
f9886b9089 完善提现功能 2023-07-12 17:00:50 +08:00
Dragon
733ab19c71 解决厨房商店包undefined问题 2023-07-11 19:17:12 +08:00
Dragon
80bea3e94a 厨房修改商店包跳转 2023-07-11 19:10:12 +08:00
Dragon
f937063d9b 修改邀请好友获取uid失效 2023-07-11 18:35:47 +08:00
Dragon
cdc8f2290c 联调登入 2023-07-11 18:01:38 +08:00
Dragon
296a640744 修改uid和ticket传参规则 2023-07-11 17:05:35 +08:00
Dragon
c41e8dd980 新增登入接口 2023-07-11 16:05:21 +08:00
Dragon
7a21b824ab 暂存 2023-07-11 15:50:39 +08:00
Dragon
1148a0753e 新增福袋 2023-07-11 15:27:08 +08:00
Dragon
3c57f4e780 修改引入文件 2023-07-10 19:08:55 +08:00
Dragon
d300b7a056 提交福袋规则页面,暂存提现 2023-07-10 18:52:04 +08:00
Dragon
e47906fd91 提现 2023-07-10 09:56:34 +08:00
Dragon
c0dfb7c41b 更新apk下载链接 2023-07-06 14:29:21 +08:00
Dragon
daf57dd1ad 更新下载链接 2023-07-06 14:26:18 +08:00
Dragon
c6df9a0872 支持连点,去除左右动效 2023-07-05 15:34:33 +08:00
Dragon
180d64064a 优化图片加载过慢问题 2023-07-05 14:16:21 +08:00
Dragon
518bac9298 压缩图片 2023-07-03 17:20:30 +08:00
Dragon
9974ad913c 优化选择食材动效 2023-06-27 14:16:41 +08:00
Dragon
609dea5884 修改举报页面请求域名 2023-06-25 18:08:45 +08:00
Dragon
8fba10d4d5 厨房:修改第三阶段判断条件 2023-06-15 14:27:44 +08:00
qf
ca8e33ce2d peko商店包时间修改 2023-05-18 14:42:38 +08:00
qf
cf14b11790 tishen替换 2023-05-04 18:34:57 +08:00
qf
29f19415f9 获取渠道出错解决 2023-05-04 18:22:29 +08:00
qf
3c91a1d197 pubInfo.deviceInfo类型判断 2023-05-04 18:10:07 +08:00
qf
aa59c5eab2 渠道查询 2023-05-04 17:47:06 +08:00
qf
a37bd171fc 用户充值协议渠道链接修改 2023-05-04 17:35:48 +08:00
qf
b23e8e7aa1 协议增加商店包渠道跳转 2023-05-04 17:32:58 +08:00
qf
f26cbc90a5 提审用户充值协议:钻石规则修改 2023-05-04 16:47:13 +08:00
qf
9eb04842f8 新增peko提审包协议 2023-05-04 16:02:13 +08:00
qf
de73fbf5c1 提审官网:删除移动端样式 2023-04-27 18:29:13 +08:00
qf
0d69f497cf 提审官网:公共文件修改 2023-04-27 17:08:31 +08:00
qf
96aaa4bd69 提审官网:换标题 2023-04-27 17:05:42 +08:00
qf
e1dda9d536 提审官网 2023-04-27 16:55:41 +08:00
Dragon
79523d2c16 寻爱:更新获奖记录、获奖概率页面 2023-03-28 19:12:35 +08:00
Dragon
73e1e53d79 我的收益:新增寻爱之旅账单 2023-03-28 19:12:28 +08:00
Dragon
b3a364af70 厨房:更新字体颜色 2023-03-28 18:59:01 +08:00
Dragon
f10829421c 厨房:调整榜单标题间距 2023-03-28 18:33:37 +08:00
Dragon
0a1514f7d9 厨房:榜单标题调整间距 2023-03-28 18:27:23 +08:00
Dragon
dfd9bdc23c 厨房:替换今日榜单ui 2023-03-28 17:27:58 +08:00
Dragon
aee9ee1819 个播:魅力榜无数据问题 2023-03-23 15:54:22 +08:00
Dragon
15b88a3930 厨房:新增刷新逻辑 2023-03-23 11:26:12 +08:00
qf
7f7e13d1d6 夺宝:购买头饰用户钻石大小写修改 2023-03-21 15:53:50 +08:00
qf
0d9ac965ce 夺宝:替换规则 2023-03-21 15:39:34 +08:00
qf
fe16f7d03c 夺宝:充值埋点 2023-03-21 15:39:34 +08:00
qf
5f586d0280 夺宝:渲染礼物列表繁体化 2023-03-21 15:39:34 +08:00
qf
f2b1592d91 夺宝:缺省页图标替换 2023-03-21 15:39:34 +08:00
qf
840c745b41 夺宝:ui修改替换 2023-03-21 15:39:34 +08:00
qf
760c38a415 夺宝:修改充值跳转方法 2023-03-21 15:39:34 +08:00
qf
906c1623e0 新增夺宝精灵和账单 2023-03-21 15:39:33 +08:00
Dragon
b66051c24a 修改sdk,修复隐私曾策 2023-03-15 15:22:21 +08:00
Dragon
7eefa8c5d7 厨房:新增动效 2023-03-10 11:38:51 +08:00
Dragon
5a3f71dbe8 厨房:更改规则 2023-03-09 17:50:35 +08:00
Dragon
26004af207 厨房:替换规则 2023-03-09 17:50:32 +08:00
Dragon
592d5da683 厨房:调整榜单间距 2023-03-09 17:50:29 +08:00
Dragon
642c383576 厨房:修复今日排名溢出问题 2023-03-09 17:50:27 +08:00
Dragon
141a589b69 厨房:修复苹果老手机加载异常 2023-03-09 17:50:24 +08:00
Dragon
edc6375e11 厨房:修复进入闪烁第三阶段问题,修复钻石异常问题,修复名字重叠问题 2023-03-09 17:50:22 +08:00
Dragon
c12b08e3f8 厨房:完成所有接口联调,提测 2023-03-09 17:50:20 +08:00
Dragon
0a4ff7e83c 修改sdk 2023-03-09 17:49:26 +08:00
614 changed files with 24601 additions and 2151 deletions

View File

@@ -241,7 +241,7 @@
</ul>
<img src="./images/btn_sure.png" class="sure" alt="">
<div class="tips">奖励将自动发放到装扮中心,快去展示自己吧~</div>
<!-- <div class="tips">*情人节限定5位靓号:52XXXXXX为随机数字一组为2个靓号<br>联系客服领取LINE: pekoyuyin)</div> -->
<!-- <div class="tips">*情人节限定5位靓号:52XXXXXX为随机数字一组为2个靓号<br>联系客服领取LINE: pikoyuyin)</div> -->
</div>
</div>
<!-- 我的cp弹窗 -->

View File

@@ -370,7 +370,7 @@ function buy(id, num, type) {
$('.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位靚號:52XXXXXX為隨機數字一組為2個靚號<br>聯系客服領取LINE: pekoyuyin)`)
$('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXXXXX為隨機數字一組為2個靚號<br>聯系客服領取LINE: pikoyuyin)`)
$('.gx').show()
} else {

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 478 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 867 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 601 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 197 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 832 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 764 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 851 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,468 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>心動七夕遊園會</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- header -->
<div class="header">
<div class="rule">活動規則</div>
<!-- 時間 -->
<div class="titleHeader"></div>
</div>
<!-- 定情信物 -->
<div class="betrothal">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/betrothalbg1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/betrothalbg2.png" alt="">
</div>
</div>
</div>
</div>
<!-- tab切換 -->
<div class="tab tabs tab1">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<!-- page1 -->
<div class="page1">
<!-- 福袋展示 -->
<div class="blessingBag">
<div class="blessingBag_in">
<ul>
<li>
<img src="./images/11.png" alt="">
<p>飛上雲霄</p>
<b>177 鉆</b>
</li>
<li>
<img src="./images/2.png" alt="">
<p>情意捲軸</p>
<b>377 鉆</b>
</li>
<li>
<img src="./images/3.png" alt="">
<p>桃花灼灼</p>
<b>1777 鉆</b>
</li>
<li>
<img src="./images/4.png" alt="">
<p>花色漫漫</p>
<b>2777 鉆</b>
</li>
<li>
<img src="./images/5.png" alt="">
<p>相思鳥</p>
<b>13140 鉆</b>
</li>
<li>
<img src="./images/6.png" alt="">
<p>煙火愛戀</p>
<b>27777 鉆</b>
</li>
<li>
<img src="./images/11.png" alt="">
<p>飛上雲霄</p>
<b>177 鉆</b>
</li>
<li>
<img src="./images/2.png" alt="">
<p>情意捲軸</p>
<b>377 鉆</b>
</li>
<li>
<img src="./images/3.png" alt="">
<p>桃花灼灼</p>
<b>1777 鉆</b>
</li>
<li>
<img src="./images/4.png" alt="">
<p>花色漫漫</p>
<b>2777 鉆</b>
</li>
</ul>
</div>
</div>
<!-- 鵲橋 -->
<div class="magpieBridge">
<!-- 左边人物 -->
<img src="./images/leftRen.png" alt="" class="leftRen">
<!-- 右边人物 -->
<img src="./images/rightRen.png" alt="" class="rightRen">
<!-- 背景鵲橋圖 -->
<img src="./images/magpieBridgeBg2.png" alt="" class="magpieBridgeBg">
<!-- 喜鵲動效 -->
<div class="xiques">
<div class="xique"></div>
</div>
<!-- 我的喜鵲 -->
<p class="birdNum">
<img src="./images/bird.png" alt="" class="bird">
<b>我的喜鵲: 0</b>
</p>
<!-- 投放喜鵲*1 -->
<div class="but1">投放喜鵲*1</div>
<!-- 投放喜鵲*10 -->
<div class="but10">投放喜鵲*10</div>
<!-- 領取獎勵 -->
<div class="buting">領取獎勵</div>
<!-- 領取失敗 -->
<div class="buterr">領取獎勵</div>
<!-- 已領取 -->
<div class="butout">已領取</div>
<!-- 文案展示 -->
<p class="text">將喜鵲投入鵲橋,拉近牛郎和織女的距離<br>
鵲橋相會後,參與搭建鵲橋的用戶可領取活動獎勵</p>
<!-- 進度條 -->
<div class="line">
<div class="line_in"></div>
</div>
<!-- 頭飾框 -->
<div class="ts">
<img src="./images/sts.png" alt="" class="">
<b>鵲仙橋頭飾*3天</b>
</div>
</div>
<!-- 每日任務 tasks2-->
<div class="task ">
<div class="tab">
<div></div>
<div></div>
</div>
<div class="box1">
<p class="title">完成每日任務可獲得喜鵲任務每日0點刷新<br>
任務獎勵自動發放</p>
<div class="task1">
<img src="./images/taskIcon.png" alt="">
<div class="but">去完成</div>
<b class="p1">訪問活動頁</b>
<b class="p2">獎勵:喜鵲*5</b>
</div>
<div class="task2">
<img src="./images/taskIcon.png" alt="">
<div class="but">去完成</div>
<b class="p1">任意房間發送彈幕0/3)</b>
<b class="p2">獎勵:喜鵲*5</b>
</div>
<div class="task3">
<img src="./images/taskIcon.png" alt="">
<div class="but">去完成</div>
<b class="p1">在任意直播間停留</b>
<div class="line">
<div class="line_in"></div>
<img src="./images/drop.png" alt="" class="drop1">
<img src="./images/drop.png" alt="" class="drop2">
<span class="sp1">+2喜鵲</span>
<span class="sp2">+3喜鵲</span>
<span class="sp3">+5喜鵲</span>
<span class="sp4">10分鐘</span>
<span class="sp5">20分鐘</span>
<span class="sp6">30分鐘</span>
</div>
</div>
</div>
<div class="box2">
<img src="./images/task2But.png" alt="" class="task2But">
</div>
</div>
</div>
<!-- page2 -->
<div class="page2">
<!-- 祈願樹 -->
<div class="blessingTree">
<!-- 剩余紅繩 -->
<div class="redRope">
<img src="./images/redRopeIcon.png" alt="" class="redRopeIcon">
我的祈願紅繩:<b>0</b>
</div>
<!-- 祈願按鈕 -->
<div class="but"></div>
<p class="introduction">每獲得10隻喜鵲即可自動獲得祈願紅繩*1</p>
<!-- 刷新 -->
<div class="refresh">
<img src="./images/refresh.png" alt="" class="refreshIcon">
換一批
</div>
<!-- 打開燈籠 openLantern-->
<div class="lantern lantern1">
<div class="box">
<img src="" alt="">
<p></p>
<b></b>
</div>
</div>
<div class="lantern lantern2">
<div class="box">
<img src="" alt="">
<p></p>
<b></b>
</div>
</div>
<div class="lantern lantern3">
<div class="box">
<img src="" alt="">
<p></p>
<b></b>
</div>
</div>
<div class="lantern lantern4">
<div class="box">
<img src="" alt="">
<p></p>
<b></b>
</div>
</div>
<!-- 動效 -->
<div class="blessingTreeSvga blessingTreeSvga1">
<div class="blessingTreeSvgaActive blessingTreeSvgaActive1"></div>
</div>
<div class="blessingTreeSvga blessingTreeSvga2">
<div class="blessingTreeSvgaActive blessingTreeSvgaActive2"></div>
</div>
<div class="blessingTreeSvga blessingTreeSvga3">
<div class="blessingTreeSvgaActive blessingTreeSvgaActive3"></div>
</div>
<div class="blessingTreeSvga blessingTreeSvga4">
<div class="blessingTreeSvgaActive blessingTreeSvgaActive4"></div>
</div>
</div>
<!-- 獎池&記錄 blessingTreeBoomt2-->
<div class="blessingTreeBoomt">
<div class="tab">
<div></div>
<div></div>
</div>
<div class="box2">
<div class="title">
<div>獲取時間</div>
<div>獲得獎勵</div>
</div>
<ul>
<li>
<div>
<p>2023/01/18</p>
<i>23:45:234</i>
</div>
<div class="b">
蓮花燈777鉆
</div>
</li>
<li class="active">
<div>
<p>2023/01/18</p>
<i>23:45:234</i>
</div>
<div>
<p>蓮花燈</p>
<b>777鉆</b>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- page3 -->
<div class="page3">
<!-- 活動規則 -->
<div class="rule">活動規則</div>
<!-- 標題 -->
<img src="./images/title.png" alt="" class="title">
<p class="titleText">贈送普通禮物10鉆石=1情緣值七夕限定禮物10鉆石=3情緣值</p>
<!-- 前三 -->
<div class="no no1">
<img src="./images/no1.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶昵稱</p>
<div>
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</div>
<div class="no no2">
<img src="./images/no2.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶昵稱</p>
<div>
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</div>
<div class="no no3">
<img src="./images/no3.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶昵稱</p>
<div>
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</div>
<!-- 非前三 -->
<ul>
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="name"></div>
<div class="score">
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</li>
</ul>
<!-- 自己榜單 -->
<div class="my">
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</div>
<!-- 規則彈窗 -->
<div class="roomRule">
<img src="./images/roomRule.png" alt="" class="roomRule_in">
</div>
</div>
<!-- page4 -->
<div class="page4">
<!-- 活動規則 -->
<div class="rule">榜單獎勵</div>
<!-- 相會鵲橋 -->
<div class="loveList">
<img src="./images/left.png" alt="" class="left">
<img src="./images/center.png" alt="" class="center">
<img src="./images/right.png" alt="" class="right">
<img src="./images/logo.png" alt="" class="txL">
<img src="./images/logo.png" alt="" class="txR">
<div class="leftName">虛位以待</div>
<div class="rightName">虛位以待</div>
<p>活動期間每小時甜蜜值第一的主播和最佳助力的用戶</p>
<div class="times">距下一小時一起上榜結果<span>00</span>:<span>00</span></div>
</div>
<!-- tab切換 -->
<div class="page4Tab">
<div></div>
<div></div>
</div>
<!-- 日榜總榜 -->
<div class="dayAll">
<div></div>
<div></div>
</div>
<!-- 禮物值說明 -->
<div class="giftVal">收到普通禮物10鉆石=1甜蜜值七夕限定禮物10鉆石=3甜蜜值</div>
<!-- 日榜時間選擇 -->
<div class="timeList">
<div class=""></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<!-- 前三 -->
<div class="no no1">
<img src="./images/no1.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶昵稱</p>
<div>
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</div>
<div class="no no2">
<img src="./images/no2.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶昵稱</p>
<div>
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</div>
<div class="no no3">
<img src="./images/no3.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶昵稱</p>
<div>
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</div>
<!-- 非前三 -->
<ul>
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="name"></div>
<div class="score">
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</li>
</ul>
<!-- 自己榜單 -->
<div class="my">
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值XXX</b>
</div>
</div>
<!-- 甜蜜榜單 -->
<div class="sweet">
<div class="sweet_in">
<div class="box">
<img src="./images/sweet_in1.png" alt="">
</div>
</div>
</div>
</div>
<!-- 活動規則彈窗 -->
<div class="rule_pub">
<div class="rule_pub_in">
<div class="box">
<img src="./images/rule_pub_in.png" alt="">
</div>
</div>
</div>
<!-- 活動結束彈窗 -->
<div class="endActivity">
<div class="endActivity_in">
<img src="./images/endActivitybut.png" alt="" class="but">
</div>
</div>
</body>
</html>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js"></script>

View File

@@ -0,0 +1,942 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success (e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var xiqueNum = 0;//當前剩余喜鵲數量
var roomUid = 0;//房間uid
var giftId = 0;//默認禮物id
var xiqueBut = true;//投放喜鵲鎖
var data = null;//默認日榜
var rankType = 1;//排行榜類型1=甜蜜日榜2=甜蜜總榜3=愛意日榜4=愛意總榜)
var curDate;//當天日期
var nextHourTimeStamp;//下一輪結束時間戳
var leftTime;//倒計時暫存
var timeOut2;//儲存定時器
var redLineNum = 0;//紅繩數量
var page = 1;//頁碼
var pageSizeLack = true;// 下拉更多鎖
var lack = true;// 抽獎鎖
var timeEndLock = true;
var lock = true;
// 初始化函數
$(function () {
setTimeout(function () {
getInfoFromClient()
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
swiperFun();
getConfig();
getRecommendRoom();
}, 100)
})
})
// 初始化接口
function getConfig () {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/2023Qixi/xique/getConfig',
data: {},
success (res) {
if (res.code === 200) {
// 判断活动结束时间
if (res.timestamp > res.data.endTime) {
timeEndLock = false;
$('.endActivity').show();
}
// 處理活動時間
$('.header .titleHeader').text(`活動時間:${dateFormat(res.data.startTime, 'yyyy年MM月dd日')}-${dateFormat(res.data.endTime, 'yyyy年MM月dd日')}`)
// 當前用戶喜鵲
xiqueNum = res.data.xiqueNum
$('.page1 .magpieBridge .birdNum b').text(`我的喜鵲: ${res.data.xiqueNum}`)
// 處理當前喜鵲進度狀態值
var curXiqueNums = res.data.serverCurXiqueNum / res.data.serverMaxXiqueNum * 100;
$('.page1 .magpieBridge .line .line_in').css('width', curXiqueNums >= 100 ? '100%' : `${curXiqueNums}%`);
if (curXiqueNums < 20) {
$('.page1 .magpieBridge .leftRen').css('left', '10%');
} else if (curXiqueNums >= 20 && curXiqueNums < 40) {
$('.page1 .magpieBridge .leftRen').css('left', '17.5%');
} else if (curXiqueNums >= 40 && curXiqueNums < 60) {
$('.page1 .magpieBridge .leftRen').css('left', '25%');
} else if (curXiqueNums >= 60 && curXiqueNums < 80) {
$('.page1 .magpieBridge .leftRen').css('left', '32.5%');
} else if (curXiqueNums >= 100) {
$('.page1 .magpieBridge .leftRen').css('left', '40%');
}
if (curXiqueNums < 20) {
$('.page1 .magpieBridge .rightRen').css('right', '10%');
} else if (curXiqueNums >= 20 && curXiqueNums < 40) {
$('.page1 .magpieBridge .rightRen').css('right', '13.75%');
} else if (curXiqueNums >= 40 && curXiqueNums < 60) {
$('.page1 .magpieBridge .rightRen').css('right', '20.5%');
} else if (curXiqueNums >= 60 && curXiqueNums < 80) {
$('.page1 .magpieBridge .rightRen').css('right', '27.25%');
} else if (curXiqueNums >= 100) {
$('.page1 .magpieBridge .rightRen').css('right', '34%');
}
// 處理領取喜鵲頭飾按鈕狀態
if (res.data.devotedBtnStatus == 0) {//投入按鈕狀態0=可投入1=可領取2=不能領取,-1=已領取)
$('.page1 .magpieBridge .buting').hide();
$('.page1 .magpieBridge .buterr').hide();
$('.page1 .magpieBridge .butout').hide();
$('.page1 .magpieBridge .but1').show();
$('.page1 .magpieBridge .but10').show();
} else if (res.data.devotedBtnStatus == 1) {//投入按鈕狀態0=可投入1=可領取2=不能領取,-1=已領取)
$('.page1 .magpieBridge .buting').show();
$('.page1 .magpieBridge .but1').hide();
$('.page1 .magpieBridge .but10').hide();
} else if (res.data.devotedBtnStatus == 2) {
$('.page1 .magpieBridge .buterr').show();
$('.page1 .magpieBridge .but1').hide();
$('.page1 .magpieBridge .but10').hide();
} else if (res.data.devotedBtnStatus < 0) {
$('.page1 .magpieBridge .butout').show();
$('.page1 .magpieBridge .but1').hide();
$('.page1 .magpieBridge .but10').hide();
}
// 處理任務狀態
res.data.dailyTaskList.forEach((res, i) => {
$(`.page1 .task .box1 .task${i + 1} .p2`).text(`獎勵:喜鵲*${res.xiqueNum}`)
if (res.btnStatus == 1) {//已完成
$(`.page1 .task .box1 .task${i + 1} .but`).addClass('out');
$(`.page1 .task .box1 .task${i + 1} .but`).text('已完成');
$(`.page1 .task .box1 .task${i + 1} .but`).attr('click', 0);
}
if (i == 1) {
$(`.page1 .task .box1 .task2 .p1`).text(`任意房間發送彈幕(${res.cur}/${res.need})`)
}
if (i == 2) {
var percentage = res.cur / res.need * 100;
$('.page1 .task .box1 .task3 .line .line_in').css('width', percentage >= 100 ? '100%' : `${percentage}%`);
}
});
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 獲取房間Uid接口
function getRecommendRoom () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/home/tab/home/one',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
roomUid = res.data;
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 祈福配置接口
function redLineGetConfig () {
// showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Qixi/redLine/getConfig',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
// 設置紅繩數量
redLineNum = res.data.redLineNum;
$('.page2 .blessingTree .redRope b').text(res.data.redLineNum);
// 渲染祈福列錶
res.data.drawList.forEach((res, i) => {
$(`.page2 .blessingTree .lantern${i + 1}`).attr('id', res.id);
if (res.able) {
$(`.page2 .blessingTree .lantern${i + 1}`).removeClass('openLantern');
} else {
$(`.page2 .blessingTree .lantern${i + 1} img`).removeClass('typemp').removeClass('typeqp');
if (res.type == 2) {
$(`.page2 .blessingTree .lantern${i + 1} img`).addClass("typemp");
} else if (res.type == 3) {
$(`.page2 .blessingTree .lantern${i + 1} img`).addClass("typeqp");
} else {
$(`.page2 .blessingTree .lantern${i + 1} img`).removeClass('typemp').removeClass('typeqp');
}
$(`.page2 .blessingTree .lantern${i + 1} img`).attr('src', res.pic);
$(`.page2 .blessingTree .lantern${i + 1} .box p`).text(res.name);
$(`.page2 .blessingTree .lantern${i + 1} .box b`).text(`${res.num}${res.unit}`);
$(`.page2 .blessingTree .lantern${i + 1}`).addClass('openLantern');
}
})
hideLoading(layerIndex)
} else {
lack = true;
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 祈福抽獎接口
function redLineDraw (id) {
// showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Qixi/redLine/draw',
data: { id },
success (res) {
if (res.code === 200) {
id = id == null ? res.data : id;
svga1Fun(id);
hideLoading(layerIndex)
} else {
lack = true;
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
lock = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 默認抽獎祈福按鈕
$('.page2 .blessingTree .but').click(function () {
if (redLineNum > 0) {
if (true) {
lack = false;
redLineDraw(null);
}
} else {
toastMsg('紅繩數量不足,可參與投放喜鵲活動獲得')
}
})
// 指定抽獎
$('.page2 .blessingTree .lantern').click(function () {
var id = $(this).attr('id');
var openLantern = $(this).attr('class');
if (redLineNum > 0) {
if (openLantern.indexOf('openLantern') == -1) {
if (true) {
lack = false;
redLineDraw(id);
}
} else {
toastMsg('福袋已經完成祈願,換一個福袋再祈願吧');
}
} else {
toastMsg('紅繩數量不足,可參與投放喜鵲活動獲得')
}
})
var player1;
var parser1;
var player2;
var parser2;
var player3;
var parser3;
var player4;
var parser4;
function svga1Fun (id) {
var parser = id == 1 ? parser1 : id == 2 ? parser2 : id == 3 ? parser3 : parser4;
var player = id == 1 ? player1 : id == 2 ? player2 : id == 3 ? player3 : player4;
parser.load(`./images/blessingTree1.svga`, function (videoItem) {
$(`.page2 .blessingTree .blessingTreeSvga${id}`).show();
$(`.page2 .blessingTree .lantern${id}`).hide();
player.loops = 1;
player1.clearsAfterStop = false;
player.setVideoItem(videoItem);
player.startAnimation();
player.setContentMode('AspectFill');
player.onFinished(() => {
$(`.page2 .blessingTree .lantern${id}`).show();
$(`.page2 .blessingTree .blessingTreeSvga${id}`).hide();
lack = true;
redLineGetConfig();
})
})
}
// 播放喜鵲svg
blessingTreeSvgaFun1();
function blessingTreeSvgaFun1 () {
player1 = new SVGA.Player('.blessingTreeSvgaActive1');
parser1 = new SVGA.Parser('.blessingTreeSvgaActive1');
player2 = new SVGA.Player('.blessingTreeSvgaActive2');
parser2 = new SVGA.Parser('.blessingTreeSvgaActive2');
player3 = new SVGA.Player('.blessingTreeSvgaActive3');
parser3 = new SVGA.Parser('.blessingTreeSvgaActive3');
player4 = new SVGA.Player('.blessingTreeSvgaActive4');
parser4 = new SVGA.Parser('.blessingTreeSvgaActive5');
}
// 刷新祈福接口
function fresh () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Qixi/redLine/fresh',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
redLineGetConfig();
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 刷新按鈕
$('.page2 .blessingTree .refresh').click(function () {
fresh();
})
// 定情信物禮物輪播
function swiperFun () {
var mySwiper = new Swiper('.swiper', {
direction: "vertical",
loop: true,
autoplay: {
delay: 3500,//3秒切換一次
disableOnInteraction: false
}
})
}
// 總tab切換
$('.tabs div').click(function () {
var i = $(this).index() + 1;
if (i == 1 && timeEndLock == false || i == 2 && timeEndLock == false) {
return toastMsg('活動已結束')
}
$('.tabs').removeClass('tab1').removeClass('tab2').removeClass('tab3').removeClass('tab4');
$('.tabs').addClass(`tab${i}`);
$('.page1').hide();
$('.page2').hide();
$('.page3').hide();
$('.page4').hide();
$(`.page${i}`).show();
if (i == 2) {
redLineGetConfig();
}
if (i == 3) {
getRoomRank();
}
if (i == 4) {
data == null;
rankType = 1;
getRank(data, rankType);
getCpRank();
$('.page4 .page4Tab').removeClass('page4Tab2');
$('.page4 .dayAll').removeClass('dayAll2');
type = 'a';
$('.page4 .giftVal').text('收到普通禮物10鉆石=1甜蜜值七夕限定禮物10鉆石=3甜蜜值');
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in1.png');
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet.png) no-repeat', "background-size": '100% 100%' });
}
})
// 房間榜單接口
function getRoomRank () {
$('.page3 ul li').remove();
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/2023Qixi/roomRank/getRank',
data: {},
success (res) {
if (res.code === 200) {
var top3 = res.data.rankList.slice(0, 3);
var notTop3 = res.data.rankList.slice(3);
// 處理前三
if (top3.length < 3) {
let arr = new Array(3 - top3.length).fill({
avatar: './images/logo.png',
nick: '虛位以待',
score: "0"
})
top3.push(...arr)
}
top3.forEach((res, index) => {
$(`.page3 .no${index + 1} .tx`).attr('src', res.avatar);
$(`.page3 .no${index + 1} p`).text(res.nick);
$(`.page3 .no${index + 1} b`).text(`情緣值:${unitProcessing(res.score, 10000, 1, 'w')}`);
$(`.page3 .no${index + 1} .txBg`).attr('uid', res.uid);
})
// 跳轉前三房間
$('.page3 .no .txBg').click(function () {
var uid = $(this).attr('uid');
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(uid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(uid);
}
}
})
// 非前三
var str = '';
notTop3.forEach((res, i) => {
str += `
<li>
<div class="num">${res.ranking}</div>
<img src="${res.avatar}" alt="" class="tx" uid=${res.uid}>
<div class="name">${res.nick}</div>
<div class="score">
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>情緣值:${unitProcessing(res.score, 10000, 1, 'w')}</b>
</div>
</li>
`
})
$('.page3 ul').append(str);
// 跳轉非前三房間
$('.page3 ul li .tx').click(function () {
var uid = $(this).attr('uid');
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(uid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(uid);
}
}
})
// 處理自己榜單
var meRank = res.data.meRank;
$('.page3 .my .num').text(meRank.ranking == 0 ? '未上榜' : meRank.ranking);
$('.page3 .my .tx').attr('src', meRank.avatar);
$('.page3 .my .name').text(meRank.nick);
$('.page3 .my .score b').text(`情緣值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 獲取情緣榜接口
function getRank (date, rankType) {
$('.page4 ul li').remove();
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Qixi/rank/getRank',
data: { date, rankType },
success (res) {
if (res.code === 200) {
// 設置當天日期
curDate = res.data.curDate;
// 處理日期
if (res.data.dateList) {
res.data.dateList.forEach((res, i) => {
$('.page4 .timeList div').eq(i).text(`${res[6]}.${res[8]}${res[9]}`);
$('.page4 .timeList div').eq(i).attr('data', res);
if (res == curDate && date == null) {
$('.page4 .timeList div').removeClass('active')
$('.page4 .timeList div').eq(i).addClass('active');
}
})
}
var top3 = res.data.rankList.slice(0, 3);
var notTop3 = res.data.rankList.slice(3);
// 處理前三
if (top3.length < 3) {
let arr = new Array(3 - top3.length).fill({
avatar: './images/logo.png',
nick: '虛位以待',
score: "0"
})
top3.push(...arr)
}
top3.forEach((res, index) => {
$(`.page4 .no${index + 1} .tx`).attr('src', res.avatar);
$(`.page4 .no${index + 1} p`).text(res.nick);
if (rankType == 1 || rankType == 2) {
$(`.page4 .no${index + 1} b`).text(`甜蜜值:${unitProcessing(res.score, 10000, 1, 'w')}`);
} else {
$(`.page4 .no${index + 1} b`).text(`心動值:${unitProcessing(res.score, 10000, 1, 'w')}`);
}
})
// 非前三
var str = '';
notTop3.forEach((res, i) => {
str += `
<li>
<div class="num">${res.ranking}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="name">${res.nick}</div>
<div class="score">
<img src="./images/loveIcon.png" alt="" class="loveIcon">
<b>${rankType == 1 || rankType == 2 ? "甜蜜值:" : '心動值:'}${unitProcessing(res.score, 10000, 1, 'w')}</b>
</div>
</li>
`
})
$('.page4 ul').append(str);
// 處理自己榜單
var meRank = res.data.meRank;
$('.page4 .my .num').text(meRank.ranking == 0 ? '未上榜' : meRank.ranking);
$('.page4 .my .tx').attr('src', meRank.avatar);
$('.page4 .my .name').text(meRank.nick);
if (rankType == 1 || rankType == 2) {
$('.page4 .my .score b').text(`甜蜜值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
} else {
$('.page4 .my .score b').text(`心動值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
}
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 首頁任務切換
$('.page1 .task .tab div').click(function () {
var i = $(this).index() + 1;
if (i == 1) {
$('.page1 .task').removeClass('tasks2');
} else {
$('.page1 .task').addClass('tasks2');
}
})
// 打開活動規則
$('.header .rule').click(function () {
bodyScroolFun(true);
$('.rule_pub').show();
})
// 關閉活動規則
$('.rule_pub').click(function () {
bodyScroolFun(false);
$('.rule_pub').hide();
})
// 打開房間榜活動規則
$('.page3 .rule').click(function () {
bodyScroolFun(true);
$('.page3 .roomRule').show();
})
// 關閉房間榜活動規則
$('.roomRule').click(function () {
bodyScroolFun(false);
$('.roomRule').hide();
})
// 打開房間榜活動規則
$('.page4 .rule').click(function () {
bodyScroolFun(true);
$('.page4 .sweet').show();
})
// 關閉房間榜活動規則
$('.sweet').click(function () {
bodyScroolFun(false);
$('.sweet').hide();
})
// 祈願樹tab切換
$('.page2 .blessingTreeBoomt .tab div').click(function () {
var i = $(this).index() + 1;
if (i == 1) {
$('.page2 .blessingTreeBoomt').removeClass('blessingTreeBoomt2')
} else {
$('.page2 .blessingTreeBoomt').addClass('blessingTreeBoomt2')
page = 1;
pageRecord(page)
$('.page2 .blessingTreeBoomt2 .box2 ul li').remove();
}
})
//檢測是否到達底部
$(".page2 .blessingTreeBoomt .box2 ul").scroll(function () {
var divHeight = $(this).height();
var nScrollHeight = $(this)[0].scrollHeight;
var nScrollTop = $(this)[0].scrollTop;
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
console.log("到達底部了");
if (pageSizeLack) {
pageSizeLack = false;
page++;
pageRecord(page)
}
}
});
// 祈福記錄
function pageRecord (page) {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Qixi/redLine/pageRecord',
data: { page, size: 10 },
success (res) {
if (res.code === 200) {
if (res.data.length == 0) {
pageSizeLack = false;
hideLoading(layerIndex)
return;
}
var str = '';
res.data.forEach((res, i) => {
str += `
<li class="${i % 2 == 0 ? 'active' : ''}">
<div>
<p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
<i>${dateFormat(res.createTime, 'hh:mm:ss')}</i>
</div>
<div class="b">${res.rewardDesc}</div>
</li>
`
})
$('.page2 .blessingTreeBoomt2 .box2 ul').append(str);
pageSizeLack = true;
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
pageSizeLack = true;
}
},
error (err) {
pageSizeLack = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 獲取CP榜單接口
function getCpRank () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Qixi/rank/getCpRank',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
if (res.data.senderNick) {
$('.page4 .loveList .txL').attr('src', res.data.receiverAvatar);
$('.page4 .loveList .txR').attr('src', res.data.senderAvatar);
$('.page4 .loveList .leftName').text(res.data.receiverNick);
$('.page4 .loveList .rightName').text(res.data.senderNick);
} else {
$('.page4 .loveList .txL').attr('src', './images/logo.png');
$('.page4 .loveList .txR').attr('src', './images/logo.png');
$('.page4 .loveList .leftName').text('虛位以待');
$('.page4 .loveList .rightName').text('虛位以待');
}
if (res.data.nextHourTimeStamp) {
nextHourTimeStamp = res.data.nextHourTimeStamp;
leftTime = nextHourTimeStamp - res.timestamp;
// leftTime = 1691654400000;
countup(leftTime);
} else {
$('.page4 .loveList .times').hide();
}
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 倒計時
function countup () {
clearTimeout(timeOut2)
//獲取當前時間
// var now = nowTime;
var d = 0;
var h = 0;
var m = 0;
var s = 0;
//定義變量 d,h,m,s保存倒計時的時間
var d, h, m, s;
if (leftTime >= 0) {
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
s = getzf(Math.floor(leftTime / 1000 % 60));
//將倒計時賦值到div中
$('.page4 .loveList .times span').eq(0).text(m);
$('.page4 .loveList .times span').eq(1).text(s);
leftTime = leftTime - 1000;
//遞歸每秒調⽤countTime⽅法顯⽰動態時間效果
} else {
getCpRank();
// location.reload();
return
}
timeOut2 = setTimeout(countup, 1000);
}
//補0操作
function getzf (num) {
if (parseInt(num) < 10) {
num = '0' + num;
}
return num;
}
// 七夕榜單tab切換
var type = 'a';//a:甜蜜b:心動
$('.page4 .page4Tab div').click(function () {
$('.page4 .timeList').show();
$('.page4 .dayAll').removeClass('dayAll2');
var i = $(this).index() + 1;
if (i == 1) {
rankType = 1;//排行榜類型1=甜蜜日榜2=甜蜜總榜3=愛意日榜4=愛意總榜)
data = null;
getRank(data, rankType);
$('.page4 .page4Tab').removeClass('page4Tab2');
type = 'a';
$('.page4 .giftVal').text('收到普通禮物10鉆石=1甜蜜值七夕限定禮物10鉆石=3甜蜜值');
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in1.png');
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet.png) no-repeat', "background-size": '100% 100%' });
} else {
rankType = 3;
data = null;
getRank(data, rankType);
$('.page4 .page4Tab').addClass('page4Tab2');
type = 'b';
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in2.png');
$('.page4 .giftVal').text('收到普通禮物10鉆石=1心动值七夕限定禮物10鉆石=3心动值');
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet2.png) no-repeat', "background-size": '100% 100%' });
}
})
// 七夕榜單日榜總榜切換
$('.page4 .dayAll div').click(function () {
var i = $(this).index() + 1;
if (i == 1) {
$('.page4 .dayAll').removeClass('dayAll2');
rankType = type == "a" ? 1 : 3;//排行榜類型1=甜蜜日榜2=甜蜜總榜3=愛意日榜4=愛意總榜)
data = null;
$('.page4 ul').css('margin', '6rem auto 2rem');
getRank(data, rankType);
$('.page4 .timeList').show();
} else {
$('.page4 .dayAll').addClass('dayAll2');
rankType = type == "a" ? 2 : 4;//排行榜類型1=甜蜜日榜2=甜蜜總榜3=愛意日榜4=愛意總榜)
data = null;
$('.page4 ul').css('margin', '7rem auto 2rem');
getRank(data, rankType);
$('.page4 .timeList').hide();
}
})
// 日榜切換日期
$('.page4 .timeList div').click(function () {
var datas = $(this).attr('data');
$(this).addClass('active').siblings().removeClass('active');
rankType = type == "a" ? 1 : 3;//排行榜類型1=甜蜜日榜2=甜蜜總榜3=愛意日榜4=愛意總榜)
data = datas;
getRank(data, rankType);
})
// 關閉活動結束按鈕
$('.endActivity .endActivity_in .but').click(function () {
$('.tabs').removeClass('tab1').removeClass('tab2').removeClass('tab3').removeClass('tab4');
$('.tabs').addClass(`tab${4}`);
$('.page1').hide();
$('.page2').hide();
$('.page3').hide();
$('.page4').hide();
$(`.page${4}`).show();
data == null;
rankType = 2;
$('.page4 .dayAll').addClass('dayAll2');
$('.page4 .timeList').hide();
getRank(data, rankType);
getCpRank();
$('.endActivity').hide();
bodyScroolFun(false);
})
//領取全服喜鵲獎勵
function getXiqueReward () {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/2023Qixi/xique/getXiqueReward',
data: {},
success (res) {
if (res.code === 200) {
getConfig();
toastMsg('領取成功');
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 領取喜鵲獎勵按鈕
$('.page1 .magpieBridge .buting').click(function () {
getXiqueReward();
})
// 領取喜鵲未參與按鈕
$('.page1 .magpieBridge .buterr').click(function () {
toastMsg('您未參加搭建鵲橋活動,無法領取');
})
// 投放喜鵲接口
function devotedXique (num) {
// showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/2023Qixi/xique/devotedXique',
data: { num },
success (res) {
if (res.code === 200) {
getConfig();
toastMsg('投放成功')
svgaFun();
setTimeout(function () {
xiqueBut = true;
}, 2000)
} else {
toastMsg(res.message)
xiqueBut = true;
}
hideLoading(layerIndex)
xiqueBut = true;
},
error (err) {
xiqueBut = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 播放喜鵲svg
function svgaFun () {
player1 = new SVGA.Player('.xique');
parser1 = new SVGA.Parser('.xique');
parser1.load('./images/xique.svga', function (videoItem) {
player1.loops = 1
player1.clearsAfterStop = false;
player1.setVideoItem(videoItem);
player1.startAnimation();
player1.setContentMode('AspectFill')
player1.onFinished(() => {
// $('.svga').hide()
})
})
}
// 投放按鈕
$('.page1 .magpieBridge .but1,.page1 .magpieBridge .but10').click(function () {
var clas = $(this).attr('class')
if (clas == 'but1') {
if (xiqueNum < 1) {
toastMsg('喜鵲數量不足,參加任務獲得吧~')
return
}
if (xiqueBut) {
xiqueBut = false;
devotedXique(1);
}
} else {
if (xiqueNum < 10) {
toastMsg('喜鵲數量不足,參加任務獲得吧~')
return
}
if (xiqueBut) {
xiqueBut = false;
devotedXique(10);
}
// devotedXique(10);
}
})
// 去完成任務2按鈕
$('.page1 .task .box1 .task2 .but').click(function () {
var click = $(this).attr('click');
if (click != 0) {
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(roomUid);
}
}
}
})
// 去完成任務3按鈕
$('.page1 .task .box1 .task3 .but').click(function () {
var click = $(this).attr('click');
if (click != 0) {
if (browser.ios) {
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: giftId }))
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoomForGiftId(roomUid, giftId);
}
}
}
})
// 循環任務按鈕
$('.page1 .task .box2 .task2But').click(function () {
if (browser.ios) {
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: giftId }))
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoomForGiftId(roomUid, giftId);
}
}
})

File diff suppressed because one or more lines are too long

View 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">

View File

@@ -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);

View File

@@ -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="">

View File

@@ -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("../images/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("../images/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;
@@ -140,6 +198,7 @@ body {
padding-left: 0.6266666667rem;
}
.wrap .game-area .select-time ul li {
transition: all, 0.2s;
position: relative;
z-index: 99;
width: 1.84rem;
@@ -301,16 +360,37 @@ body {
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("../images/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 {
@@ -341,7 +421,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 3.1rem;
bottom: 2.3rem;
width: 100%;
height: 4rem;
}
@@ -391,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%;
@@ -443,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%;
@@ -496,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%;
@@ -521,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;
@@ -537,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 {
@@ -563,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 {
@@ -743,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 {
@@ -794,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 {
@@ -808,8 +910,9 @@ body {
.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%;
@@ -827,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 {
@@ -872,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;
@@ -881,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;
@@ -891,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;
@@ -908,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;

View File

@@ -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('../images/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('../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%;
}
&::-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);
@@ -191,6 +306,7 @@ body {
padding-left: px2rem(47);
li {
transition: all, 0.2s;
position: relative;
z-index: 99;
width: px2rem(138);
@@ -394,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('../images/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 {
@@ -436,7 +579,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 3.1rem;
bottom: 2.3rem;
width: 100%;
height: 4rem;
@@ -495,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 {
@@ -558,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 {
@@ -619,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 {
@@ -651,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, );
@@ -673,7 +852,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 6.5rem;
top: 7.2rem;
display: flex;
.desc {
@@ -707,7 +886,8 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.8rem;
// top: 3.8rem;
top: 4.5rem;
display: flex;
.put {
@@ -924,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);
}
}
@@ -983,8 +1170,8 @@ body {
}
.avatar {
width: px2rem(132);
height: px2rem(175);
width: px2rem(194);
height: px2rem(188);
margin-bottom: px2rem(20);
p {
@@ -998,8 +1185,10 @@ body {
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%;
@@ -1020,7 +1209,7 @@ body {
margin: 0;
margin-top: px2rem(-20);
margin-bottom: px2rem(4);
color: #ED7B50;
color: #fff;
font-size: px2rem(24);
}
}
@@ -1031,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);
@@ -1050,7 +1242,7 @@ body {
width: px2rem(30);
font-size: px2rem(30);
font-weight: bold;
color: #333333;
color: #333;
text-align: center;
}
@@ -1077,7 +1269,12 @@ body {
.others-diamond-num {
font-size: px2rem(26);
font-weight: bold;
color: #ED7B50;
color: #FF7700;
b {
color: #FF5110;
font-weight: bold;
}
}
}
}
@@ -1089,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;
@@ -1099,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);
@@ -1118,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;
}
}
}
}

View File

@@ -46,7 +46,7 @@ body {
}
.record-list li {
width: 100%;
height: 6.9733333333rem;
height: 8.48rem;
background: url("../images/record/record-bg.png") no-repeat;
background-size: 100% 100%;
border-radius: 0.2666666667rem;
@@ -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("../images/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;
@@ -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;

View File

@@ -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,7 +64,7 @@ body {
li {
width: 100%;
height: px2rem(523, );
height: px2rem(636, );
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
background: url('../images/record/record-bg.png') no-repeat;
background-size: 100% 100%;
@@ -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('../images/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, );
@@ -219,7 +269,8 @@ body {
.diamond {
width: px2rem(25, );
height: px2rem(20, );
height: px2rem(25, );
margin-top: -0.01rem;
}
.in {

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 505 B

After

Width:  |  Height:  |  Size: 459 B

Some files were not shown because too many files have changed in this diff Show More