Compare commits

...

136 Commits

Author SHA1 Message Date
Dragon
d70ecbea4a 修改中奖记录展示 2023-12-11 19:52:49 +08:00
Dragon
dcd37e0628 新增卡牌数字 2023-12-11 19:16:12 +08:00
Dragon
b9a031ca48 修改按钮大小 2023-12-11 16:33:16 +08:00
Dragon
a0b5e1c4a5 修改文案 2023-12-08 16:49:09 +08:00
Dragon
6ff6bde78e 修改价格 2023-12-08 16:29:01 +08:00
Dragon
354d44e52f 新增时空幸运儿 2023-12-08 14:29:06 +08:00
Dragon
e2d5d764ff 官网新增标签图片 2023-12-06 19:51:10 +08:00
Dragon
134bab0f21 更换申请名牌 2023-12-06 17:30:06 +08:00
Dragon
e6bb70b29c 替换铭牌 2023-12-06 17:05:20 +08:00
Dragon
b1bdaea5b7 替换闪耀周星 2023-12-04 10:17:42 +08:00
Dragon
9beb1c0690 替换闪耀周星 2023-11-28 14:46:37 +08:00
Dragon
59232458f2 清除缓存 2023-11-27 18:50:26 +08:00
Dragon
19b7010857 弹窗app外生效 2023-11-27 17:55:39 +08:00
Dragon
c8ebb5b5d9 完善充值引导弹窗 2023-11-27 17:50:04 +08:00
Dragon
0f4ff5ab74 充值弹窗暂存 2023-11-27 16:33:50 +08:00
Dragon
747b3d94a4 替换闪耀周星礼物 2023-11-27 16:33:32 +08:00
Dragon
fd399a77f9 修改芒果为栗子 2023-11-27 14:15:03 +08:00
Dragon
19bd42a0bb 替换先要周星图片 2023-11-27 10:23:29 +08:00
Dragon
23b9501e00 修复ios动效异常问题 2023-11-23 20:11:11 +08:00
Dragon
ef5a55eb2c 修改官网 2023-11-22 17:26:41 +08:00
Dragon
1bb5a6ee49 更改官网提审 2023-11-21 11:28:55 +08:00
Dragon
b8ecaee589 新增闪耀周星 2023-11-20 17:31:18 +08:00
Dragon
c76e9865a5 修复魅力榜等级异常问题显示 2023-11-16 21:41:53 +08:00
Dragon
f807a42db5 修复魅力榜单等级异常 2023-11-16 21:19:57 +08:00
Dragon
a483a37b0a 修改文案 2023-11-07 10:22:05 +08:00
Dragon
1b237c98d7 修复塔罗交互异常问题 2023-11-06 16:54:46 +08:00
Dragon
babea9cc93 修改文案 2023-11-06 15:52:19 +08:00
Dragon
84895eb85c 新增双十一活动 2023-11-06 10:06:06 +08:00
Dragon
705e38984f 修改塔罗收入文案 2023-11-04 18:30:32 +08:00
Dragon
67f83ec43b 修复账单字段 2023-11-04 17:12:36 +08:00
Dragon
41a21aa088 优化账单。优化塔罗交互流程 2023-11-04 17:03:41 +08:00
Dragon
bf24a6f964 修改规则帝王数值 2023-11-02 17:32:25 +08:00
Dragon
c2ace6d362 红包规则新增配置失效时间 2023-11-01 14:55:44 +08:00
Dragon
d260b7ca19 修改红包规则 2023-11-01 14:43:54 +08:00
Dragon
6316350ebc 修改红包规则 2023-10-31 16:18:41 +08:00
Dragon
b2ac650c5d 修改轮播大小 2023-10-27 16:32:27 +08:00
Dragon
4e14fbe8d5 替换ui 2023-10-27 16:26:43 +08:00
Dragon
4c6db02606 新增金币账单类型文案 2023-10-26 18:16:30 +08:00
Dragon
79471dd2ac 替换图片 2023-10-25 17:53:30 +08:00
Dragon
80dedeaf09 修改时间 2023-10-25 10:46:10 +08:00
Dragon
a24f388293 修复宝箱记录异常 2023-10-24 18:56:10 +08:00
Dragon
1d04799e0f 替换ui 2023-10-24 16:17:32 +08:00
Dragon
3573a4c0cf 繁体化活动 2023-10-24 12:02:46 +08:00
Dragon
7021a6c155 迁移万圣节活动 2023-10-24 10:43:30 +08:00
Dragon
d701a5f149 新增夺宝规则版本判断 2023-10-23 10:46:33 +08:00
Dragon
496b7e848a 去除加载中过度 2023-10-07 16:17:30 +08:00
Dragon
c681deb908 优化细节 2023-10-07 11:07:28 +08:00
Dragon
125e0bcf7d 适配小屏手机 2023-09-28 16:19:48 +08:00
Dragon
82cc5213e4 修改遗漏繁体 2023-09-28 16:08:27 +08:00
Dragon
c4b39c5a18 重构榜单和修复今日奖励刷新不及时问题 2023-09-28 16:02:06 +08:00
Dragon
ceec614156 再次优化厨房 2023-09-28 10:36:52 +08:00
Dragon
5aa2a460f7 优化弹窗以及补全游戏记录图片 2023-09-28 10:36:52 +08:00
Dragon
7e88a45f1f 优化加载速度 2023-09-28 10:36:52 +08:00
Dragon
f6199e3d95 新增厨房重构 2023-09-28 10:36:52 +08:00
Dragon
ca8e62ccdb 页面暂存 2023-09-28 10:36:49 +08:00
Dragon
b9c3d5dd4e 暂存 2023-09-28 10:36:48 +08:00
Dragon
d6684a879b 修改官网 2023-09-28 10:36:09 +08:00
Dragon
b8b78d0193 替换图片 2023-09-26 16:35:59 +08:00
Dragon
cdf47d250e 修改循环任务样式 2023-09-26 11:40:59 +08:00
Dragon
c50f5a182d 清除缓存 2023-09-25 22:23:16 +08:00
Dragon
77d503017b 修复榜单如期 2023-09-25 22:15:40 +08:00
Dragon
c6398e1541 修改版本跳转条件 2023-09-25 18:34:54 +08:00
Dragon
d70aa29d6b 新增账单 2023-09-25 18:01:59 +08:00
Dragon
5bbc1e5c68 新增跳转动态类型 2023-09-25 16:40:35 +08:00
Dragon
f4acb25b48 新增版本跳转 2023-09-25 14:50:09 +08:00
Dragon
a0abbaf6e9 兑换机弹窗修改展示 2023-09-22 17:42:57 +08:00
Dragon
f41196c38d 新增中秋活动 2023-09-22 11:31:31 +08:00
Dragon
5af361287b 修改跳转链接 2023-09-21 17:13:24 +08:00
Dragon
8a8da3d3d2 兼容自定义短链 2023-09-21 16:29:57 +08:00
Dragon
deab819661 修复传参错误问题 2023-09-21 15:21:42 +08:00
Dragon
6e41101c36 兼容服务端重定向 2023-09-21 15:13:01 +08:00
Dragon
2808897418 修复语法错误 2023-09-21 14:36:41 +08:00
Dragon
d4d9d9e2af 新增短链统计 2023-09-21 10:22:36 +08:00
Dragon
3e8e6a7c9a 修复寻爱榜单 2023-09-18 11:02:31 +08:00
Dragon
32d8084ca6 修改官网地址 2023-09-14 10:19:17 +08:00
Dragon
f325a561a2 修改官网用作审核 2023-09-13 16:15:06 +08:00
Dragon
827b3540f2 新增审核专用官网 2023-09-13 14:23:06 +08:00
Dragon
adbb636997 修改官网,新增隐私政策og:image 2023-09-13 11:35:56 +08:00
Dragon
038ecdb00e 修改引入路径 2023-09-08 16:42:11 +08:00
Dragon
48e06b9843 修改文件夹名 2023-09-08 16:39:22 +08:00
Dragon
b67250373b 修改短链结构 2023-09-08 16:19:11 +08:00
Dragon
5c9b2de593 新增本地引入文件 2023-09-08 15:44:41 +08:00
Dragon
c424185f21 更改跳转路径 2023-09-08 15:07:43 +08:00
Dragon
4e0551c03c 新增短链页面 2023-09-08 14:33:16 +08:00
Dragon
3a71ccb6c0 修改line客服号 2023-09-04 11:51:18 +08:00
Dragon
83ad69a4ba 替换代充图 2023-09-04 10:36:10 +08:00
Dragon
11d087eff2 修改测试域名 2023-09-01 15:20:36 +08:00
Dragon
a3de94198c 修复没有代充时的省略图异常 2023-08-24 11:45:53 +08:00
Dragon
86dc8bc101 修改样式 2023-08-22 18:30:36 +08:00
Dragon
854c7a5170 修复切换地区代充不刷新问题 2023-08-22 16:57:26 +08:00
Dragon
8e0e2a1798 修复跳转资料页异常问题 2023-08-22 10:21:27 +08:00
Dragon
c3ca2c8f33 修复绑定信息 2023-08-21 17:19:53 +08:00
Dragon
935dca1ced 修改确认用户信息逻辑 2023-08-21 14:17:51 +08:00
Dragon
3c0879357e 关注接口预留 2023-08-21 11:01:32 +08:00
Dragon
de77feec19 改造充值页面 2023-08-21 11:01:32 +08:00
Dragon
4c206c94e6 更新代充跳转图 2023-08-19 23:14:54 +08:00
Dragon
665f326967 替换祈福树奖池图 2023-08-19 02:26:54 +08:00
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
643 changed files with 34676 additions and 7696 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: pikoyuyin)</div> -->
<!-- <div class="tips">*情人节限定5位靓号:52XXXXXX为随机数字一组为2个靓号<br>联系客服领取LINE: pekoyuyin)</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: pikoyuyin)`)
$('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXXXXX為隨機數字一組為2個靚號<br>聯系客服領取LINE: pekoyuyin)`)
$('.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: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 235 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 837 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 220 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View File

@@ -0,0 +1,351 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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>
<!-- 主視覺 -->
<div class="header">
<div class="rule_icon">活動規則></div>
</div>
<!-- 萬聖節活動禮物 -->
<div class="giftBox">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/gift1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/gift2.png" alt="">
</div>
</div>
</div>
</div>
<!-- pages1 -->
<div class="page1">
<!-- 蒙層-->
<div class="mc">
<div class="mc_in">
<p>送出/收到萬聖福袋</p>
<p class="p2">可解鎖玩法</p>
<div class="but">去完成</div>
</div>
</div>
<!-- 頁面主切換 -->
<div class="tab">
<div class="tab tab1 active1"></div>
<div class="tab tab2"></div>
</div>
<!-- 任務玩法切換 -->
<div class="switch">
<div class="active">萬聖地圖</div>
<div>糖果任務</div>
</div>
<!-- 我的糖果 -->
<div class="myCandy">我的糖果券0</div>
<!-- 氣泡 -->
<div class="qp">
<p>升級寶箱</p>
<p>贏限定禮物</p>
</div>
<!-- 糖果標題 -->
<img src="./images/candyTitle.png" alt="" class="candytitle">
<!-- 展示寶箱 -->
<img src="./images/box3.png" alt="" class="showBox">
<!-- 寶箱三個 -->
<div class="boxs boxs1"><b>初級寶箱</b></div>
<div class="boxs boxs2"><b>中級寶箱</b></div>
<div class="boxs boxs3"><b>高級寶箱</b></div>
<!-- 寶箱文案 -->
<img src="./images/boxText.png" alt="" class="boxText">
<!-- 兩條線 -->
<div class="candyLine1"></div>
<div class="candyLine2"></div>
<!-- 地圖路線 -->
<div class="road">
<!---->
<img src="./images/gui.png" alt="" class="gui">
<!-- 靜態寶箱 -->
<img src="./images/box1.png" alt="" class="boxImg boxImg1 boxImgs4">
<img src="./images/box1.png" alt="" class="boxImg boxImg2 boxImgs8">
<img src="./images/box1.png" alt="" class="boxImg boxImg3 boxImgs13">
<img src="./images/box1.png" alt="" class="boxImg boxImg4 boxImgs18">
<img src="./images/box1.png" alt="" class="boxImg boxImg5 boxImgs22">
<img src="./images/box1.png" alt="" class="boxImg boxImg6 boxImgs26">
<img src="./images/box1.png" alt="" class="boxImg boxImg7 boxImgs30">
<!-- 寶箱動效 -->
<div class="boxImgSvgaA boxImgSvga1">
<div class="boxImgSvga_in1"></div>
</div>
<div class="boxImgSvgaB boxImgSvga2">
<div class="boxImgSvga_in2"></div>
</div>
<div class="boxImgSvgaC boxImgSvga3">
<div class="boxImgSvga_in3"></div>
</div>
</div>
<!-- 骰子 -->
<div class="diceBox">
<!-- 氣泡 -->
<img src="./images/diceQP.png" alt="" class="diceQP">
<!-- 動效骰子 -->
<div class="diceSvga"></div>
<!-- 骰子 -->
<img src="./images/dice1.png" alt="" class="dice">
<div class="diceLeftBut">寶箱開啟記錄</div>
<div class="diceRightBut">點亮全部寶箱</div>
<p>單次消耗糖果券*1</p>
</div>
</div>
<!-- pages2 -->
<div class="page2">
<!-- 頁面主切換 -->
<div class="tab">
<div class="tab tab1 active1"></div>
<div class="tab tab2"></div>
</div>
<!-- 任務玩法切換 -->
<div class="switch">
<div>萬聖地圖</div>
<div class="active">糖果任務</div>
</div>
<!-- 文案 -->
<img src="./images/taskText.png" alt="" class="taskText">
<!-- 任務標題 -->
<img src="./images/taskTitle.png" alt="" class="taskTitle">
<!-- 我的糖果 -->
<div class="myCandy">我的糖果券0</div>
<!-- 每日任務 -->
<img src="./images/dayTask.png" alt="" class="dayTask">
<!-- 循環任務 -->
<img src="./images/alltask.png" alt="" class="alltask">
<!-- 任務列錶 -->
<div class="task task1">
<p>登錄活動頁(0/1)</p>
<div class="but">去完成</div>
</div>
<div class="task task2">
<p>在任意直播間停留</p>
<div class="lineBox">
<div class="line">0/90</div>
<span class="sp1"></span>
<span class="sp2"></span>
<span class="sp3"></span>
<b class="b1">+1糖果券</b>
<b class="b2">+1糖果券</b>
<b class="b3">+1糖果券</b>
<b class="b4">30分鐘</b>
<b class="b5">60分鐘</b>
<b class="b6">90分鐘</b>
</div>
<div class="but">去完成</div>
</div>
<div class="task task3">
<p>【星级厨房】累计投入满1000钻石获得<i>糖果券*1</i></p>
<b>今日已獲得<i>0張</i></b>
<div class="but">去完成</div>
</div>
<div class="task task4">
<p>每送出万圣限定礼物满1000钻获得 <i>糖果券*1</i></p>
<b>今日已獲得<i>0張</i></b>
<div class="but">去完成</div>
</div>
</div>
<!-- page3 -->
<div class="page3">
<!-- 頁面主切換 -->
<div class="tab">
<div class="tab tab1 "></div>
<div class="tab tab2 active2"></div>
</div>
<!-- 任務玩法切換 -->
<div class="listTab">
<div class="active">尖叫榜</div>
<div>驚喜榜</div>
</div>
<!-- 規則icon -->
<div class="rule_icon">榜單獎勵></div>
<!-- 日榜總榜切換 -->
<div class="dayTab">
<div class="active">日榜</div>
<div>總榜</div>
</div>
<!-- 榜單標題 -->
<img src="./images/listTitle1.png" alt="" class="listTitle">
<!-- 日期 -->
<div class="time">
<div class="active"></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<!-- 前三 -->
<div class="topBox">
<div class="no1">
<img src="./images/noBg1.png" alt="" class="noBg">
<img src="./images/no1.png" alt="" class="noImg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶名字</p>
<b>尖叫值xxx</b>
</div>
<div class="no2">
<img src="./images/noBg2.png" alt="" class="noBg">
<img src="./images/no2.png" alt="" class="noImg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶名字</p>
<b>尖叫值xxx</b>
</div>
<div class="no3">
<img src="./images/noBg3.png" alt="" class="noBg">
<img src="./images/no3.png" alt="" class="noImg">
<img src="./images/logo.png" alt="" class="tx">
<p>用戶名字</p>
<b>尖叫值xxx</b>
</div>
</div>
<!-- 非前三 -->
<ul class="lists">
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">xxx</div>
<div class="score">尖叫值:0</div>
</li>
</ul>
<!-- 自己榜單 -->
<div class="my">
<div class="li">
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">xxx</div>
<div class="score">尖叫值:0</div>
</div>
</div>
</div>
<!-- 活動規則 -->
<div class="rule">
<div class="rule_in">
<div class="cen">
<p>
一、活動時間:<br>
2023年10月27日12:00:00-2023年11月2日23:59:59
</p>
<p>二、禮物上新:<br>
活動期間將限時上架5款萬聖新限定禮物1款萬聖限定福袋</p>
<p>三、活動攻略<br>
萬聖地圖<br>
1.送出≥1的萬聖限定福袋解鎖萬聖地圖<br>
2.收到≥5的萬聖限定福袋解鎖萬聖地圖<br>
3.地圖升級詳情查看升級條件和獎勵內容<br>
4.行走到寶箱位置可獲得獎勵,非寶箱位置無獎勵,若剛好走到起點也可獲得獎勵;<br>
糖果任務<br>
1.活動期間完成每日任務和循環任務領取糖果券;<br>
2.每日任務0點刷新完成後進入活動頁領取獎勵<br>
3.任務完成後,任務獎勵自動發放;</p>
<p>四、萬聖榜單<br>
驚喜榜:<br>
1.活動期間內收到普通禮物可增加驚喜值10鑽=1驚喜值收到萬聖限定禮物10鑽=3驚喜值<br>
2.普通禮物包含禮物面闆和背包禮物;<br>
3.大頭號不參與榜單活動排名;<br>
4.靚號獎勵A≠B≠C≠0不可轉贈請聯繫客服領取<br>
尖叫榜<br>
1.活動期間內贈送普通禮物可增加尖叫值10鑽=1尖叫值贈送萬聖限定禮物10鑽=3尖叫值<br>
2.普通禮物包含禮物面闆和背包禮物;<br>
3.大頭號不參與榜單活動排名;<br>
4.靚號獎勵A≠B≠C≠0不可轉贈請聯繫客服領取<br></p>
<p>五、本活動最終解釋權歸Piko所有本活動以及獎勵與Google/蘋果公司無關</p>
</div>
</div>
</div>
<!-- 榜單規則 -->
<div class="listRule">
<div class="listRule_in">
<img src="./images/listRuletitle1.png" alt="" class="listRuletitle">
<div class="box">
<img src="./images/listRuleText1.png" alt="listRuleText">
</div>
</div>
</div>
<!-- 初級中級高級寶箱彈窗 -->
<div class="box_pub">
<div class="box_pub_in">
<img src="./images/box_pub_Title1.png" alt="" class="box_pub_Title">
<p class="p1">活動期間送出萬聖福袋*1</p>
<p class="p2"></p>
<p class="p3">活動期間收到萬聖福袋*5</p>
<ul class="box_pub_ul">
<!-- <li>
<img src="./images/logo.png" alt="" class="gift">
<p>黑貓戀人頭飾</p>
<b>(30天)</b>
</li> -->
<li class="li1"></li>
</ul>
</div>
</div>
<!-- 恭喜獲得彈窗 -->
<div class="gx">
<div class="gx_in">
<ul class="gxBox">
<li>
<img src="./images/logo.png" alt="" class="gift">
<p>xxx頭飾*1天</p>
</li>
</ul>
<div class="but">收下</div>
</div>
</div>
<!-- 活動结束 -->
<div class="endActivity">
<div class="endActivity_in">
<p>該活動已結束</p>
<div class="but">查看榜單</div>
</div>
</div>
<!-- 糟糕未獲得獎勵 -->
<div class="zg">
<img src="./images/zg.png" alt="" class="zg_in">
</div>
<!-- 寶箱記錄 -->
<div class="record_box">
<div class="record_box_in">
<ul>
<li>
<div class="left">
<p>2023/10/23</p>
<b>23:45:05</b>
</div>
<div class="right">xxxx禮物*1</div>
</li>
</ul>
</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="../../common/js/route-constant.js"></script>
<script src="./js/wow.js"></script>
<script src="./js/index.js"></script>

View File

@@ -0,0 +1,738 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
var formalUrl = 'https://api.hfighting.com'; // 正式环境
var testUrls = 'http://beta.api.pekolive.com'; // 测试环境
// 封裝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 leftArr = ['3.6rem', '2.5rem', '1.4rem', '0.3rem', '0.3rem', '0.3rem', '1.4rem', '2.5rem', '2.5rem', '2.5rem', '1.4rem', '0.3rem', '0.3rem', '0.3rem', '0.3rem', '1.4rem', '2.5rem', '2.5rem', '3.6rem', '4.7rem', '4.7rem', '5.8rem', '6.9rem', '6.9rem', '6.9rem', '5.8rem', '5.8rem', '5.8rem', '6.9rem', '6.9rem', '6.9rem', '5.8rem', '4.7rem', '3.6rem'];
var bottArr = ['0.9rem', '0.9rem', '0.9rem', '0.9rem', '2.0rem', '3.1rem', '3.1rem', '3.1rem', '4.3rem', '5.6rem', '5.6rem', '5.6rem', '6.7rem', '7.8rem', '9.1rem', '9.1rem', '9.1rem', '7.8rem', '7.8rem', '7.8rem', '9.1rem', '9.1rem', '9.1rem', '7.8rem', '6.7rem', '6.7rem', '5.6rem', '4.3rem', '4.3rem', '3.1rem', '2.0rem', '2.0rem', '2.0rem', '2.0rem'];
var curDate; //當天日期;
var rankType = 1; //排行榜類型1=送禮日榜2=送禮總榜3=收禮日榜4=收禮總榜);
var data = null;//默認日榜;
var isEndTime = null;//判斷是否活動結束;
var roomUid = null;//房間uid;
var type = 'a';//a:送禮b:收禮;
var type2 = 'a';//a:日榜b:總榜;
var page = 1;//頁碼
var drawPageSizeLack = true;//記錄滑動鎖
var poolType = null;//寶箱等級
var mapPos = null;//當前格子下標
var drawLock = true;//抽獎的鎖
var candyNum = 0;//糖果卷
// 初始化函數
$(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)
}
})
// 禮物輪播
var mySwiper = new Swiper('.swiper', {
// direction: "vertical",
loop: true,
autoplay: {
delay: 3500,//
disableOnInteraction: false
}
})
getTaskConfig();
getRecommendRoom();
getConfig();
}, 100)
})
// 獲取房間Uid接口
function getRecommendRoom () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/home/tab/home/one',
success (res) {
if (res.code === 200) {
roomUid = res.data;
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 抽獎配置接口
function getConfig () {
// showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Halloween/draw/getConfig',
success (res) {
if (res.code === 200) {
// 處理糖果數量
$('.myCandy').text('我的糖果券:' + res.data.candyNum);
candyNum = res.data.candyNum;
// 當前格子下標
mapPos = res.data.mapPos;
$('.page1 .road .gui').css({
left: leftArr[res.data.mapPos],
bottom: bottArr[res.data.mapPos],
})
// 判斷活動結束時間
if (res.timestamp > res.data.endTime) {
isEndTime = true;
$('.endActivity').show();
}
// 判斷等級處理
poolType = res.data.boxLevel;
if (res.data.boxLevel == 0) {
$('.page1 .mc').show();
} else if (res.data.boxLevel == 1) {
$('.page1 .boxs1').addClass('boxOpen1');
$('.page1 .road .boxImg').attr('src', './images/box1.png');
} else if (res.data.boxLevel == 2) {
$('.page1 .boxs1').addClass('boxOpen1');
$('.page1 .boxs2').addClass('boxOpen2');
$('.page1 .road .boxImg').attr('src', './images/box2.png');
} else if (res.data.boxLevel == 3) {
$('.page1 .boxs1').addClass('boxOpen1');
$('.page1 .boxs2').addClass('boxOpen2');
$('.page1 .boxs3').addClass('boxOpen3');
$('.page1 .road .boxImg').attr('src', './images/box3.png');
}
// 特效移動
$('.page1 .road .gui').css({
left: leftArr[mapPos],
bottom: bottArr[mapPos],
})
// 判斷當前位置是否處於寶箱點位
if (mapPos == 4 || mapPos == 8 || mapPos == 13 || mapPos == 18 || mapPos == 22 || mapPos == 26 || mapPos == 30) {
$(`.page1 .road .boxImgs${mapPos}`).attr('src', `./images/boxOpen${poolType}.png`)
} else {
$(`.page1 .road .boxImg`).attr('src', `./images/box${poolType}.png`);
}
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 任務配置接口
function getTaskConfig () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Halloween/task/getConfig',
success (res) {
if (res.code === 200) {
// 處理每日任務
res.data.dailyTaskList.forEach((res, i) => {
$(`.page2 .task${i + 1} .but`).attr('click', res.status);
$(`.page2 .task${i + 1} .but`).text(res.status == 0 ? '去完成' : '已完成');
res.status == 1 ? $(`.page2 .task${i + 1} .but`).addClass('butActive') : $(`.page2 .task${i + 1} .but`).removeClass('butActive');
if (i == 0) {
$('.page2 .task1 p').text(`登錄活動頁(${res.cur}/${res.need})`);
}
if (i == 1) {
$('.page2 .task2 .line').css('width', `${(res.cur / res.need * 100) >= 100 ? 100 : (res.cur / res.need * 100)}%`);
$('.page2 .task2 .line').text(`${res.cur}/${res.need}`);
}
});
// 處理循環任務
res.data.loopTaskList.forEach((res, i) => {
$(`.page2 .task${i + 3} b i`).text(`${res.loop}`);
$(`.page2 .task${i + 3} .but`).attr('click', res.status);
$(`.page2 .task${i + 3} .but`).text(res.status == 0 ? '去完成' : '已完成');
res.status == 1 ? $(`.page2 .task${i + 3} .but`).addClass(`butActive`) : $(`.page2 .task${i + 3} .but`).removeClass(`butActive`);
})
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 任務按鈕2
$('.page2 .task2 .but').click(function () {
var bool = $(this).attr('click') == 0 ? false : true;
console.log(bool);
if (bool) {
return
}
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(roomUid);
}
}
})
// 任務按鈕3
$('.page2 .task3 .but').click(function () {
var bool = $(this).attr('click') == 0 ? false : true;
console.log(bool);
if (bool) {
return
}
// if (browser.ios) {
// window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: 0 }))
// } else if (browser.android) {
// if (androidJsObj && typeof androidJsObj === 'object') {
// window.androidJsObj.openRoomForGiftId(roomUid, 0);
// }
// }
if (env == 'test') {
window.location.href = `${testUrls}/peko/activity/act-ocean/index.html`
} else {
window.location.href = `${formalUrl}/peko/activity/act-ocean/index.html`
}
})
// 任務按鈕4
$('.page2 .task4 .but').click(function () {
var bool = $(this).attr('click') == 0 ? false : true;
console.log(bool);
if (bool) {
return
}
if (browser.ios) {
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: 0 }))
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoomForGiftId(roomUid, 0);
}
}
})
// 點擊寶箱按鈕
$('.page1 .boxs').click(function () {
var i = $(this).index() - 6;
if (i == 1) {
$('.box_pub .box_pub_in .p1').text('活動期間送出萬聖福袋*1');
$('.box_pub .box_pub_in .p3').text('活動期間收到萬聖福袋*5');
} else if (i == 2) {
$('.box_pub .box_pub_in .p1').text('活動期間送出萬聖福袋*10');
$('.box_pub .box_pub_in .p3').text('活動期間收到萬聖福袋*20');
} else {
$('.box_pub .box_pub_in .p1').text('活動期間送出萬聖福袋*20');
$('.box_pub .box_pub_in .p3').text('活動期間收到萬聖福袋*30');
}
$('.box_pub .box_pub_in .box_pub_ul li').removeClass('li1').removeClass('li2').removeClass('li3');
$('.box_pub .box_pub_in .box_pub_ul li').addClass(`li${i}`);
$('.box_pub .box_pub_in .box_pub_Title').attr('src', `./images/box_pub_Title${i}.png`)
$('.box_pub').show();
bodyScroolFun(true);
})
// 去完成寶箱解鎖任務按鈕
$('.page1 .mc .mc_in .but').click(function () {
if (browser.ios) {
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: 0 }))
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoomForGiftId(roomUid, 0);
}
}
})
// tab切換
$('.tab div').click(function () {
var i = $(this).index() + 1;
$('.page1,.page2,.page3').hide();
if (i == 1) {
$('.page1').show();
getConfig();
} else {
getRank(rankType, data);
$('.page3').show();
}
})
// 地圖任務tab切換
$('.switch div').click(function () {
var i = $(this).index() + 1;
$('.page1,.page2,.page3').hide();
if (i == 1) {
$('.page1').show();
getConfig();
} else {
$('.page2').show();
getConfig();
getTaskConfig();
}
})
// 尖叫驚喜榜單切換
$('.page3 .listTab div').click(function () {
var i = $(this).index() + 1;
$('.page3 .listTitle').attr('src', `./images/listTitle${i}.png`);
$('.listRule .listRule_in .listRuletitle').attr('src', `./images/listRuletitle${i}.png`);
$('.listRule .listRule_in .box img').attr('src', `./images/listRuleText${i}.png`);
$(this).addClass('active').siblings().removeClass('active');
if (i == 1) {
type = 'a';
rankType = type2 == "a" ? 1 : 2;
} else {
type = 'b';
rankType = type2 == "a" ? 3 : 4;
}
getRank(rankType, data);
})
// 日榜總榜切換
$('.page3 .dayTab div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('active').siblings().removeClass('active');
if (i == 1) {
type2 = 'a';
rankType = type == "a" ? 1 : 3;
$('.page3 .time').show();
} else {
type2 = 'b';
rankType = type == "a" ? 2 : 4;
$('.page3 .time').hide();
}
getRank(rankType, data);
})
// 日榜切換日期
$('.page3 .time 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(rankType, data);
})
// 榜單接口
function getRank (rankType, date) {//排行榜類型rankType1=送禮日榜2=送禮總榜3=收禮日榜4=收禮總榜)
$('.page3 .lists li').remove();
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Halloween/rank/getRank',
data: { rankType, date },
success (res) {
if (res.code === 200) {
// 設置當天日期
curDate = res.data.curDate;
// 處理日期
if (res.data.dateList) {
res.data.dateList.forEach((res, i) => {
$('.page3 .time div').eq(i).text(`${res[5]}${res[6]}.${res[8]}${res[9]}`);
$('.page3 .time div').eq(i).attr('data', res);
if (res == curDate && date == null) {
$('.page3 .time div').removeClass('active')
$('.page3 .time div').eq(i).addClass('active');
}
})
}
// 處理自己榜單
$('.page3 .my .li .tx').attr('src', res.data.meRank.avatar);
$('.page3 .my .li .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
$('.page3 .my .li .nick').text(res.data.meRank.nick);
$('.page3 .my .li .score').text(`${rankType == 1 || rankType == 2 ? "尖叫值:" : "驚喜值:"}${unitProcessing(res.data.meRank.score, 10000, 1, 'w')}`);
// 處理前三
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 .topBox .no${index + 1} .tx`).attr('src', res.avatar);
$(`.page3 .topBox .no${index + 1} p`).text(res.nick);
$(`.page3 .topBox .no${index + 1} b`).text(`${rankType == 1 || rankType == 2 ? "尖叫值:" : "驚喜值:"}${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="nick">${res.nick}</div>
<div class="score">${rankType == 1 || rankType == 2 ? "尖叫值:" : "驚喜值:"}${unitProcessing(res.score, 10000, 1, 'w')}</div>
</li>
`
})
$('.page3 .lists').append(str);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 打開活動規則
$('.header .rule_icon').click(function () {
$('.rule').show();
bodyScroolFun(true);
})
// 關閉活動規則
$('.rule').click(function () {
$('.rule').hide();
bodyScroolFun(false);
})
// 打開榜單規則
$('.page3 .rule_icon').click(function () {
$('.listRule').show();
bodyScroolFun(true);
})
// 關閉榜單規則
$('.listRule').click(function () {
$('.listRule').hide();
bodyScroolFun(false);
})
// 關閉初中高寶箱彈窗
$('.box_pub').click(function () {
$('.box_pub').hide();
bodyScroolFun(false);
})
// 關閉恭喜獲得彈窗
$('.gx .gx_in .but').click(function () {
drawLock = true;
$('.gx').hide();
bodyScroolFun(false);
})
// 關閉糟糕彈窗
$('.zg').click(function () {
drawLock = true;
$('.zg').hide();
bodyScroolFun(false);
})
// 關閉寶箱記錄彈窗
$('.record_box').click(function () {
$('.record_box').hide();
bodyScroolFun(false);
})
// 打開寶箱記錄
$('.page1 .diceBox .diceLeftBut').click(function () {
page = 1;
$('.record_box .record_box_in ul li').remove();
pageRecord(page);
})
// 獲取房間Uid接口
function pageRecord (page) {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Halloween/draw/pageRecord',
data: { page, size: 20 },
success (res) {
if (res.code === 200) {
if (res.data.length == 0) {
drawPageSizeLack = false;
hideLoading(layerIndex)
$('.record_box').show();
return;
}
var str = '';
res.data.forEach((res, i) => {
str += `
<li>
<div class="left">
<p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
</div>
<div class="right">${res.rewardDesc}</div>
</li>
`
})
$('.record_box .record_box_in ul ').append(str);
drawPageSizeLack = true;
$('.record_box').show();
bodyScroolFun(true);
} else {
drawPageSizeLack = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
drawPageSizeLack = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
//檢測抽獎記錄是否到達底部
$(".record_box .record_box_in 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 (drawPageSizeLack) {
drawPageSizeLack = false;
page++;
pageRecord(page);
}
}
});
// 骰子動畫定義
let player = new SVGA.Player('.diceSvga');
let parser = new SVGA.Parser('.diceSvga');
parser.load(`./images/sz.svga`, function (videoItem) {
player.loops = 1;
player.clearsAfterStop = false;
player.setVideoItem(videoItem);
player.startAnimation();
player.setContentMode('AspectFill');
})
// 骰子動畫函數
function diceSvga () {
$('.page1 .diceBox .diceSvga').show();
$('.page1 .diceBox .dice').hide();
parser.load(`./images/sz.svga`, function (videoItem) {
player.loops = 1;
player.clearsAfterStop = false;
player.setVideoItem(videoItem);
player.startAnimation();
player.setContentMode('AspectFill');
player.onFinished(() => {
$('.page1 .diceBox .dice').show();
$('.page1 .diceBox .diceSvga').hide();
})
})
}
// 搖骰子按鈕
$('.page1 .diceBox .dice').click(function () {
if (drawLock) {
if (candyNum < 1) {
toastMsg('糖果券不足')
return
}
draw(poolType, 1);
}
})
// 全部投入
$('.page1 .diceBox .diceRightBut').click(function () {
if (drawLock) {
if (candyNum < 1) {
toastMsg('糖果券不足')
return
}
draw(poolType, null);
}
})
// 活動結束按鈕
$('.endActivity .endActivity_in .but').click(function () {
$('.endActivity').hide();
bodyScroolFun(false);
$('.page1,.page2,.page3').hide();
getRank(rankType, data);
$('.page3').show();
})
// 寶箱開獎動畫定義
let boxBig1 = new SVGA.Player('.boxImgSvga_in1');
let boxBigParser1 = new SVGA.Parser('.boxImgSvga_in1');
boxBigParser1.load(`./images/boxBig1.svga`, function (videoItem) {
boxBig1.loops = 1;
boxBig1.clearsAfterStop = false;
boxBig1.setVideoItem(videoItem);
boxBig1.startAnimation();
boxBig1.setContentMode('AspectFill');
})
// 寶箱開獎動畫函數
function boxBigSvga1 () {
$('.boxImgSvgaA').show();
boxBigParser1.load(`./images/boxBig1.svga`, function (videoItem) {
boxBig1.loops = 1;
boxBig1.clearsAfterStop = false;
boxBig1.setVideoItem(videoItem);
boxBig1.startAnimation();
boxBig1.setContentMode('AspectFill');
boxBig1.onFinished(() => {
$('.boxImgSvgaA').hide();
$('.gx').show();
})
})
}
// 寶箱開獎動畫定義
let boxBig2 = new SVGA.Player('.boxImgSvga_in2');
let boxBigParser2 = new SVGA.Parser('.boxImgSvga_in2');
boxBigParser2.load(`./images/boxBig2.svga`, function (videoItem) {
boxBig2.loops = 1;
boxBig2.clearsAfterStop = false;
boxBig2.setVideoItem(videoItem);
boxBig2.startAnimation();
boxBig2.setContentMode('AspectFill');
})
// 寶箱開獎動畫函數
function boxBigSvga2 () {
$('.boxImgSvgaB').show();
boxBigParser2.load(`./images/boxBig2.svga`, function (videoItem) {
boxBig2.loops = 1;
boxBig2.clearsAfterStop = false;
boxBig2.setVideoItem(videoItem);
boxBig2.startAnimation();
boxBig2.setContentMode('AspectFill');
boxBig2.onFinished(() => {
$('.boxImgSvgaB').hide();
$('.gx').show();
})
})
}
// 寶箱開獎動畫定義
let boxBig3 = new SVGA.Player('.boxImgSvga_in3');
let boxBigParser3 = new SVGA.Parser('.boxImgSvga_in3');
boxBigParser2.load(`./images/boxBig3.svga`, function (videoItem) {
boxBig3.loops = 1;
boxBig3.clearsAfterStop = false;
boxBig3.setVideoItem(videoItem);
boxBig3.startAnimation();
boxBig3.setContentMode('AspectFill');
})
// 寶箱開獎動畫函數
function boxBigSvga3 () {
$('.boxImgSvgaC').show();
boxBigParser2.load(`./images/boxBig3.svga`, function (videoItem) {
boxBig3.loops = 1;
boxBig3.clearsAfterStop = false;
boxBig3.setVideoItem(videoItem);
boxBig3.startAnimation();
boxBig3.setContentMode('AspectFill');
boxBig3.onFinished(() => {
$('.boxImgSvgaC').hide();
$('.gx').show();
})
})
}
// 抽獎接口
function draw (poolType, num) {
drawLock = false;
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023Halloween/draw/draw',
data: { poolType, num },
success (res) {
if (res.code === 200) {
// 判斷是否全部投入或單次投入
if (num != null) {
diceSvga();
setTimeout(function () {
res.data.step.forEach((res, index) => {
console.log(res);
setTimeout(function () {
$('.page1 .road .gui').css({
left: leftArr[res],
bottom: bottArr[res],
})
}, (index + 1) * 300)
});
drawOut(res, res.data.step.length + 1, poolType);
}, 1600);
} else {
drawOut(res, 0, poolType);
}
// 設置步數
$('.page1 .diceBox .dice').attr('src', `./images/dice${res.data.step.length}.png`);
} else if (res.code == 4000) {
toastMsg(res.message);
getConfig();
drawLock = true;
} else {
drawLock = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
drawLock = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 中獎或未中獎渲染
function drawOut (res, time, poolType) {
//判斷是否中獎
if (res.data.hasReward) {
// 渲染中獎列錶<p>xxx頭飾*1天</p>
var str = '';
$('.gx .gx_in .gxBox li').remove();
res.data.rewardList.forEach((res, i) => {
// 1頭飾2銘牌3氣泡4座駕5禮物
str += `
<li>
<img src="${res.pic}" alt="" class="gift ${res.type == 1 ? 'ts' : res.type == 2 ? 'mp' : res.type == 3 ? 'qp' : res.type == 4 ? 'zj' : 'lw'}">
<p>${res.desc}</p>
</li>
`
})
$('.gx .gx_in .gxBox').append(str);
setTimeout(function () {
poolType == 1 ? boxBigSvga1() : poolType == 2 ? boxBigSvga2() : boxBigSvga3();
$(`.page1 .road .boxImgs${res.data.step[res.data.step.length - 1]}`).attr('src', `./images/boxOpen${poolType}.png`);
getConfig();
// drawLock = true;
}, time * 300)
} else {
setTimeout(function () {
$('.zg').show();
// drawLock = true;
getConfig();
}, time * 300)
}
bodyScroolFun(true);
}
//返回頁面 重新請求接口
var hiddenProperty = 'hidden' in document ? 'hidden' :
'webkitHidden' in document ? 'webkitHidden' :
'mozHidden' in document ? 'mozHidden' : null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function () {
if (!document[hiddenProperty]) {
getConfig();
getTaskConfig();
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,46 @@
var baba = document.querySelector('body');
baba.addEventListener('click', function (e) {
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "hidden" });
tianJia(e);
})
var erZi = [];
function tianJia (e) {
var sunZi = document.createElement('div');
sunZi.className = 'rabbit';
// sunZi.innerHTML = '<i class="iconfont icon-tuzi"></i>';
sunZi.innerHTML = '<img src="./images/xx.png" alt="">';
baba.appendChild(sunZi);
erZi.push({
el: sunZi,
top: e.pageY - 30,
left: e.pageX - 20,
opacity: 1,
scale: 1,
color: `rgb(${255 * Math.random()},${255 * Math.random()},${255 * Math.random()})`
});
move();
};
function move () {
for (var i = 0; i < erZi.length; i++) {
if (erZi[i].opacity <= 0) {
baba.removeChild(erZi[i].el);
erZi.splice(i, 1);
return;
}
erZi[i].top--;
erZi[i].opacity = erZi[i].opacity - 0.04;
// erZi[i].scale = erZi[i].scale + 0.0001;
erZi[i].el.style.cssText = `
top: ${erZi[i].top}px;
left: ${erZi[i].left}px;
color: ${erZi[i].color};
opacity: ${erZi[i].opacity};
transform: scale(${erZi[i].scale});
position: absolute;
`
}
window.requestAnimationFrame(move);
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" });
}

View File

@@ -0,0 +1,553 @@
html,
body {
width: 100%;
background: linear-gradient(0deg, #EBC8FA 0%, #FCB0EB 99%);
}
.rabbit {
z-index: 999;
}
.back {
position: fixed;
top: 0.93333rem;
left: 0.45333rem;
z-index: 99;
width: 0.82667rem;
height: 0.82667rem;
}
.back img {
width: 100%;
height: 100%;
}
.back p {
color: #fff;
font-size: 0.42667rem;
position: absolute;
width: 9rem;
left: 0;
top: 0;
height: 100%;
text-align: center;
line-height: 0.82667rem;
}
.header {
width: 10rem;
height: 10.6rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
z-index: 2;
}
.header .giftBox {
width: 8.82667rem;
height: 3.2rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 5.97333rem;
}
.header .tab {
width: 6.4rem;
height: 1.10667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 9.52rem;
display: flex;
justify-content: space-between;
}
.header .tab div {
width: 2.82667rem;
height: 1.10667rem;
line-height: 1.10667rem;
color: #F1E8F6;
font-size: 0.37333rem;
text-align: center;
background: url(../images/tab.png) no-repeat;
background-size: 100%, 100%;
}
.header .tab .active {
background: url(../images/tab_active.png) no-repeat;
background-size: 100%, 100%;
}
.header .rule_iaon {
width: 1.6rem;
height: 0.74667rem;
line-height: 0.62667rem;
text-align: center;
text-indent: 15px;
color: #fff;
font-size: 0.24rem;
position: absolute;
right: 0rem;
top: 5.33333rem;
background: url(../images/rule_icon.png) no-repeat;
background-size: 100% 100%;
}
.page1 .activity1 {
width: 10rem;
height: 11.89333rem;
background: url(../images/activity1Bg.png) no-repeat;
background-size: 100% 100%;
margin: -0.57333rem auto 0.12rem;
position: relative;
}
.page1 .activity1 div {
position: absolute;
right: 1rem;
width: 2rem;
height: 0.81333rem;
line-height: 0.64rem;
text-align: center;
font-size: 0.28rem;
color: #E7FEFF;
background: url(../images/lqOut.png) no-repeat;
background-size: 100% 100%;
}
.page1 .activity1 .but1 {
top: 3.01333rem;
}
.page1 .activity1 .but2 {
top: 5.36rem;
}
.page1 .activity1 .but3 {
top: 7.72rem;
}
.page1 .activity1 .but4 {
top: 10.06667rem;
}
.page1 .activity1 .out {
background: url(../images/lq.png) no-repeat;
background-size: 100% 100%;
}
.page1 .activity2 {
width: 10rem;
height: 17.8rem;
margin: 0 auto 0;
display: block;
}
.page2 {
display: none;
}
.page2 .listTab {
width: 9.2rem;
height: 1.22667rem;
margin: 0.4rem auto 0;
display: flex;
justify-content: space-between;
}
.page2 .listTab div {
width: 4.6rem;
height: 100%;
text-align: center;
color: #F1E8F6;
font-size: 0.32rem;
line-height: 1.41333rem;
background: url(../images/listTab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listTab .active {
font-size: 0.4rem;
line-height: 1.22667rem;
background: url(../images/listTabActive.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBg {
width: 9.2rem;
min-height: 17rem;
margin: 0 auto 0.5rem;
background: linear-gradient(0deg, #B483D7 0%, #AD61FA 48%, #CB80FB 100%);
border-radius: 0 0 0.26667rem 0.26667rem;
overflow: hidden;
}
.page2 .listBg .dayTab {
width: 7.53333rem;
height: 0.88rem;
display: flex;
justify-content: space-between;
margin: 0.58667rem auto 0.36rem;
}
.page2 .listBg .dayTab div {
width: 2.22667rem;
height: 0.88rem;
line-height: 0.90667rem;
text-align: center;
color: #F1E8F6;
font-size: 0.29333rem;
background: url(../images/dayTab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBg .dayTab .active {
background: url(../images/dayTab_active.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBg .topBox {
width: 8.85333rem;
height: 7.57333rem;
background: url(../images/topBox.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
}
.page2 .listBg .topBox .no1 {
width: 2.4rem;
height: 2.32rem;
position: absolute;
top: 0.96rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBg .topBox .no1 .ts {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.page2 .listBg .topBox .no1 .tx {
width: 1.78667rem;
height: 1.78667rem;
border-radius: 50%;
position: absolute;
top: 0.33333rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBg .topBox .no1 .num {
width: 1.77333rem;
height: 0.74667rem;
position: absolute;
top: -0.77333rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBg .topBox .no1 p {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: 0.28rem;
position: absolute;
left: 0;
bottom: -0.36rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .listBg .topBox .no1 span {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: 0.28rem;
position: absolute;
left: 0;
bottom: -0.73333rem;
}
.page2 .listBg .topBox .no2 {
width: 2.4rem;
height: 2.32rem;
position: absolute;
top: 2.42667rem;
left: 0.6rem;
}
.page2 .listBg .topBox .no2 .ts {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.page2 .listBg .topBox .no2 .tx {
width: 1.78667rem;
height: 1.78667rem;
border-radius: 50%;
position: absolute;
top: 0.33333rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBg .topBox .no2 .num {
width: 1.77333rem;
height: 0.74667rem;
position: absolute;
top: -0.77333rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBg .topBox .no2 p {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: 0.28rem;
position: absolute;
left: 0;
bottom: -0.36rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .listBg .topBox .no2 span {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: 0.28rem;
position: absolute;
left: 0;
bottom: -0.73333rem;
}
.page2 .listBg .topBox .no3 {
width: 2.4rem;
height: 2.32rem;
position: absolute;
top: 2.42667rem;
right: 0.6rem;
}
.page2 .listBg .topBox .no3 .ts {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.page2 .listBg .topBox .no3 .tx {
width: 1.78667rem;
height: 1.78667rem;
border-radius: 50%;
position: absolute;
top: 0.33333rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBg .topBox .no3 .num {
width: 1.77333rem;
height: 0.74667rem;
position: absolute;
top: -0.77333rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBg .topBox .no3 p {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: 0.28rem;
position: absolute;
left: 0;
bottom: -0.36rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .listBg .topBox .no3 span {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: 0.28rem;
position: absolute;
left: 0;
bottom: -0.73333rem;
}
.page2 .listBg .list {
width: 8.13333rem;
margin: 0 auto;
}
.page2 .listBg .list li {
width: 100%;
height: 1.6rem;
line-height: 1.6rem;
border-radius: 0.26667rem;
background: #9B50DB;
margin-bottom: 0.13333rem;
}
.page2 .listBg .list li .num {
width: 0.6rem;
text-align: center;
color: #fff;
font-weight: 400;
height: 100%;
margin: 0 0.26667rem 0 0.33333rem;
float: left;
font-size: 0.49333rem;
}
.page2 .listBg .list li .tx {
width: 1.25333rem;
height: 1.25333rem;
border-radius: 50%;
margin-right: 0.32rem;
margin-top: 0.21333rem;
float: left;
}
.page2 .listBg .list li .nick {
float: left;
width: 2.1rem;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFFFFF;
font-size: 0.38667rem;
font-weight: 400;
}
.page2 .listBg .list li .score {
float: right;
margin-right: 0.36rem;
font-size: 0.34667rem;
font-weight: 400;
color: #fff;
}
.page2 .myList {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
height: 1.98667rem;
line-height: 1.98667rem;
background: #734DC1;
z-index: 3;
}
.page2 .myList .num {
width: 1.6rem;
text-align: center;
color: #fff;
font-weight: 400;
height: 100%;
margin: 0 0.26667rem 0 0.33333rem;
float: left;
font-size: 0.49333rem;
}
.page2 .myList .tx {
width: 1.25333rem;
height: 1.25333rem;
border-radius: 50%;
margin-right: 0.32rem;
margin-top: 0.33333rem;
float: left;
}
.page2 .myList .nick {
float: left;
width: 2.1rem;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFFFFF;
font-size: 0.38667rem;
font-weight: 400;
}
.page2 .myList .score {
float: right;
margin-right: 0.36rem;
font-size: 0.34667rem;
font-weight: 400;
color: #fff;
}
.apple {
width: 100%;
height: 1.97333rem;
line-height: 1.97333rem;
text-align: center;
color: #FFFFFF;
font-size: 0.34667rem;
}
.rule {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 99;
}
.rule .rule_iaon {
width: 9.68rem;
height: 14.46667rem;
background: url(../images/ruleBg.png) no-repeat;
background-size: 100% 100%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow-y: scroll;
}
.rule .rule_iaon .box {
position: absolute;
width: 8.61333rem;
left: 50%;
transform: translateX(-50%);
top: 1.6rem;
height: 12rem;
overflow-y: scroll;
}
.rule .rule_iaon .box img {
width: 100%;
height: 47.41333rem;
display: block;
}
.layui-m-layershade {
background-color: rgba(0, 0, 0, 0.3) !important;
}

View File

@@ -0,0 +1,562 @@
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
width: 100%;
background: linear-gradient(0deg, #EBC8FA 0%, #FCB0EB 99%);
}
.rabbit {
z-index: 999;
}
.back {
position: fixed;
top: px2rem(70);
left: px2rem(34);
z-index: 99;
width: px2rem(62);
height: px2rem(62);
img {
width: 100%;
height: 100%;
}
p {
color: #fff;
font-size: px2rem(32);
position: absolute;
width: 9rem;
left: 0;
top: 0;
height: 100%;
text-align: center;
line-height: px2rem(62);
}
}
.header {
width: px2rem(750);
height: px2rem(795);
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
z-index: 2;
.giftBox {
width: px2rem(662);
height: px2rem(240);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(448);
}
.tab {
width: px2rem(480);
height: px2rem(83);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(714);
display: flex;
justify-content: space-between;
div {
width: px2rem(212);
height: px2rem(83);
line-height: px2rem(83);
color: #F1E8F6;
font-size: px2rem(28);
text-align: center;
background: url(../images/tab.png) no-repeat;
background-size: 100%, 100%;
}
.active {
background: url(../images/tab_active.png) no-repeat;
background-size: 100%, 100%;
}
}
.rule_iaon {
width: px2rem(120);
height: px2rem(56);
line-height: px2rem(47);
text-align: center;
text-indent: 15px;
color: #fff;
font-size: px2rem(18);
position: absolute;
right: px2rem(0);
top: px2rem(400);
background: url(../images/rule_icon.png) no-repeat;
background-size: 100% 100%;
}
}
.page1 {
// display: none;
.activity1 {
width: px2rem(750);
height: px2rem(892);
background: url(../images/activity1Bg.png) no-repeat;
background-size: 100% 100%;
margin: px2rem(-43) auto px2rem(9);
position: relative;
div {
position: absolute;
right: px2rem(75);
width: px2rem(150);
height: px2rem(61);
line-height: px2rem(48);
text-align: center;
font-size: px2rem(21);
color: #E7FEFF;
background: url(../images/lqOut.png) no-repeat;
background-size: 100% 100%;
}
.but1 {
top: px2rem(226);
}
.but2 {
top: px2rem(402);
}
.but3 {
top: px2rem(579);
}
.but4 {
top: px2rem(755);
}
.out {
background: url(../images/lq.png) no-repeat;
background-size: 100% 100%;
}
}
.activity2 {
width: px2rem(750);
height: px2rem(1335);
margin: 0 auto 0;
display: block;
}
}
.page2 {
display: none;
.listTab {
width: px2rem(690);
height: px2rem(92);
margin: px2rem(30) auto 0;
display: flex;
justify-content: space-between;
div {
width: px2rem(345);
height: 100%;
text-align: center;
color: #F1E8F6;
font-size: px2rem(24);
line-height: px2rem(106);
background: url(../images/listTab.png) no-repeat;
background-size: 100% 100%;
}
.active {
font-size: px2rem(30);
line-height: px2rem(92);
background: url(../images/listTabActive.png) no-repeat;
background-size: 100% 100%;
}
}
.listBg {
width: px2rem(690);
min-height: 17rem;
margin: 0 auto 0.5rem;
background: linear-gradient(0deg, #B483D7 0%, #AD61FA 48%, #CB80FB 100%);
border-radius: 0 0 px2rem(20) px2rem(20);
overflow: hidden;
.dayTab {
width: px2rem(565);
height: px2rem(66);
display: flex;
justify-content: space-between;
margin: px2rem(44) auto px2rem(27);
div {
width: px2rem(167);
height: px2rem(66);
line-height: px2rem(68);
text-align: center;
color: #F1E8F6;
font-size: px2rem(22);
background: url(../images/dayTab.png) no-repeat;
background-size: 100% 100%;
}
.active {
background: url(../images/dayTab_active.png) no-repeat;
background-size: 100% 100%;
}
}
.topBox {
width: px2rem(664);
height: px2rem(568);
background: url(../images/topBox.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
.no1 {
width: px2rem(180);
height: px2rem(174);
position: absolute;
top: px2rem(72);
left: 50%;
transform: translateX(-50%);
.ts {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.tx {
width: px2rem(134);
height: px2rem(134);
border-radius: 50%;
position: absolute;
top: px2rem(25);
left: 50%;
transform: translateX(-50%);
}
.num {
width: px2rem(133);
height: px2rem(56);
position: absolute;
top: px2rem(-58);
left: 50%;
transform: translateX(-50%);
}
p {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: px2rem(21);
position: absolute;
left: 0;
bottom: px2rem(-27);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
span {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: px2rem(21);
position: absolute;
left: 0;
bottom: px2rem(-55);
}
}
.no2 {
width: px2rem(180);
height: px2rem(174);
position: absolute;
top: px2rem(182);
left: px2rem(45);
.ts {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.tx {
width: px2rem(134);
height: px2rem(134);
border-radius: 50%;
position: absolute;
top: px2rem(25);
left: 50%;
transform: translateX(-50%);
}
.num {
width: px2rem(133);
height: px2rem(56);
position: absolute;
top: px2rem(-58);
left: 50%;
transform: translateX(-50%);
}
p {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: px2rem(21);
position: absolute;
left: 0;
bottom: px2rem(-27);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
span {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: px2rem(21);
position: absolute;
left: 0;
bottom: px2rem(-55);
}
}
.no3 {
width: px2rem(180);
height: px2rem(174);
position: absolute;
top: px2rem(182);
right: px2rem(45);
.ts {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.tx {
width: px2rem(134);
height: px2rem(134);
border-radius: 50%;
position: absolute;
top: px2rem(25);
left: 50%;
transform: translateX(-50%);
}
.num {
width: px2rem(133);
height: px2rem(56);
position: absolute;
top: px2rem(-58);
left: 50%;
transform: translateX(-50%);
}
p {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: px2rem(21);
position: absolute;
left: 0;
bottom: px2rem(-27);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
span {
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: px2rem(21);
position: absolute;
left: 0;
bottom: px2rem(-55);
}
}
}
.list {
width: px2rem(610);
margin: 0 auto;
li {
width: 100%;
height: px2rem(120);
line-height: px2rem(120);
border-radius: px2rem(20);
background: #9B50DB;
margin-bottom: px2rem(10);
.num {
width: px2rem(45);
text-align: center;
color: #fff;
font-weight: 400;
height: 100%;
margin: 0 px2rem(20) 0 px2rem(25);
float: left;
font-size: px2rem(37);
}
.tx {
width: px2rem(94);
height: px2rem(94);
border-radius: 50%;
margin-right: px2rem(24);
margin-top: px2rem(16);
float: left;
}
.nick {
float: left;
width: 2.1rem;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFFFFF;
font-size: px2rem(29);
font-weight: 400;
}
.score {
float: right;
margin-right: px2rem(27);
font-size: px2rem(26);
font-weight: 400;
color: #fff;
}
}
}
}
.myList {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
height: px2rem(149);
line-height: px2rem(149);
background: #734DC1;
z-index: 3;
.num {
width: 1.6rem;
text-align: center;
color: #fff;
font-weight: 400;
height: 100%;
margin: 0 px2rem(20) 0 px2rem(25);
float: left;
font-size: px2rem(37);
}
.tx {
width: px2rem(94);
height: px2rem(94);
border-radius: 50%;
margin-right: px2rem(24);
margin-top: px2rem(25);
float: left;
}
.nick {
float: left;
width: 2.1rem;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFFFFF;
font-size: px2rem(29);
font-weight: 400;
}
.score {
float: right;
margin-right: px2rem(27);
font-size: px2rem(26);
font-weight: 400;
color: #fff;
}
}
}
.apple {
width: 100%;
height: px2rem(148);
line-height: px2rem(148);
text-align: center;
color: #FFFFFF;
font-size: px2rem(26);
}
.rule {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .6);
z-index: 99;
.rule_iaon {
width: px2rem(726);
height: px2rem(1085);
background: url(../images/ruleBg.png) no-repeat;
background-size: 100% 100%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow-y: scroll;
.box {
position: absolute;
width: px2rem(646);
left: 50%;
transform: translateX(-50%);
top: 1.6rem;
height: 12rem;
overflow-y: scroll;
img {
width: 100%;
height: px2rem(3556);
display: block;
}
}
}
}
.layui-m-layershade{
background-color: rgba(0,0,0,.3) !important;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 292 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 410 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

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