Compare commits

...

109 Commits

Author SHA1 Message Date
dragon
a1ea33d64c 修复支付后弹窗依旧存在的问题 2024-07-18 15:16:40 +08:00
dragon
19726981ed 新增周卡 2024-07-18 15:16:40 +08:00
dragon
bee5968dbe 修改榜单英文翻译1.0 2024-07-16 11:43:18 +08:00
dragon
6cc2f32a27 修改榜单英文翻译 2024-07-16 11:39:21 +08:00
dragon
444dc0531d 压缩图片 2024-07-16 11:14:57 +08:00
dragon
2f81b27ea3 重构榜单 2024-07-16 11:11:35 +08:00
dragon
7fa188e04a 恢复联调代码,并且更新提现登入页 2024-07-12 18:01:55 +08:00
dragon
395897f119 强行展示输出-联调安卓 2024-07-12 17:25:08 +08:00
dragon
3cfae08f2d 测试按钮,联调安卓支付 2024-07-12 16:27:30 +08:00
dragon
b5862cb683 新增方法 2024-07-11 19:24:57 +08:00
dragon
244f3a6308 修改翻译 2024-07-11 18:06:10 +08:00
dragon
c1337fd1de 新增账单和修复点单bug 2024-07-11 17:34:16 +08:00
dragon
e2fdfd02c3 联调点单信息接口 2024-07-09 19:29:20 +08:00
dragon
5824f20a25 页面完成版 2024-07-09 11:20:15 +08:00
dragon
ae2f118147 暂存 2024-07-09 11:03:13 +08:00
dragon
78a5e1d87c 暂存 2024-07-09 11:03:12 +08:00
dragon
de2d8600b2 点单暂存 2024-07-09 11:03:12 +08:00
dragon
0d5f7abe96 换图 2024-07-09 11:03:12 +08:00
dragon
b9ebf7cbc1 陪玩师暂存 2024-07-09 11:03:12 +08:00
dragon
1ee6cfec1d 修复公会报错问题 2024-07-09 11:02:58 +08:00
dragon
788eec914f 流水时间新增可选当天逻辑 2024-07-09 10:24:24 +08:00
dragon
3fc9d7f68a 修复幸运享公告问题 2024-07-05 18:46:02 +08:00
dragon
cc983ad835 修复bug 2024-07-05 16:56:27 +08:00
dragon
4b63111355 修复全部bug-幸运哼 2024-07-05 16:56:26 +08:00
dragon
229b50364f 幸运哼-修bug暂存 2024-07-05 16:56:26 +08:00
dragon
273446473d 幸运哼暂存 2024-07-05 16:56:26 +08:00
dragon
f1b3ea8049 新增官网跳转逻辑 2024-07-04 13:05:56 +08:00
dragon
f7d52e09fd 修复选择地区无法滑动问题 2024-07-04 12:55:18 +08:00
dragon
1f341655d2 修改英语充值译文 2024-07-04 12:38:23 +08:00
dragon
8ddda4a99b 修改充值阿拉伯翻译错误 2024-07-04 12:38:23 +08:00
dragon
d56285a054 新增官网跳转充值多语言 2024-07-04 12:38:22 +08:00
dragon
d725c19a73 开放离开页面刷新充值页面功能 2024-07-04 12:38:22 +08:00
dragon
e4be094fc5 充值多语言暂存 2024-07-04 12:38:22 +08:00
dragon
4bbf91e941 充值暂存 2024-07-04 12:38:22 +08:00
dragon
3f31e78976 修复官网logo 2024-07-04 12:20:12 +08:00
dragon
dddf989389 新增相亲规则介绍 2024-07-04 10:48:46 +08:00
dragon
9e29ffb4a2 替换主题ui 2024-07-04 10:11:26 +08:00
dragon
77ed496ab8 修复公会-阿拉伯遗漏翻译 2024-07-03 10:21:11 +08:00
dragon
88b8c92bdb 开启邀请活动 2024-07-01 20:28:03 +08:00
dragon
20f913d51e 新增铭牌申请 2024-06-26 15:13:39 +08:00
dragon
5d8d4b4796 修复bug 2024-06-26 14:52:52 +08:00
dragon
ce26fa18a2 清除缓存 2024-06-26 14:42:21 +08:00
dragon
d553fa35a0 修改bug-爱的告白 2024-06-25 19:30:59 +08:00
dragon
734d2539d8 国际化铭牌申请 2024-06-25 11:00:07 +08:00
dragon
e1e9f97ae1 替换logo暂存 2024-06-24 16:11:55 +08:00
dragon
03dd7e47a6 修复榜单异常问题 2024-06-21 17:07:23 +08:00
dragon
87a93326b9 修复首页榜单样式 2024-06-21 16:34:46 +08:00
dragon
df4b647d2a 修改榜单单位 2024-06-21 16:13:53 +08:00
dragon
d7e7d04fc2 修改阿拉伯榜单 2024-06-20 17:11:58 +08:00
dragon
bcb54ec277 修复pk排行榜bug 2024-06-20 15:43:28 +08:00
dragon
986a9681cb 新增pk榜单 2024-06-18 10:46:46 +08:00
dragon
89e111b64f 修复阿拉伯充值bug 2024-06-17 09:56:00 +08:00
dragon
f9e0b60f87 修复充值阿拉伯bug 2024-06-17 09:56:00 +08:00
dragon
1f3c872153 新增阿拉伯充值活动 2024-06-17 09:55:59 +08:00
dragon
2c4c459d26 修复华语异常toast邀请活动 2024-06-15 01:34:42 +08:00
dragon
69a95330a6 修改邀请活动译文 2024-06-08 18:28:28 +08:00
dragon
8e5047b6d1 修改活动结束展示形式-邀请活动 2024-06-08 18:20:46 +08:00
dragon
0199291ed9 新增邀请活动活动结束提示语 2024-06-07 23:43:24 +08:00
dragon
08319ea5c5 修复游戏排行榜阿拉伯翻译 2024-06-07 17:19:21 +08:00
dragon
d476b6d4ac 修复游戏排行榜样式 2024-06-07 14:10:46 +08:00
dragon
1766b18307 优化账单 2024-06-07 11:11:40 +08:00
dragon
6d8f4561bd 游戏榜单传参修改 2024-06-07 09:51:54 +08:00
dragon
63b5055f3e 修复榜单排名异常 2024-06-07 09:51:54 +08:00
dragon
22b786539c 新增账单,优化阿拉伯公会,新增游戏排行榜 2024-06-07 09:51:54 +08:00
dragon
c34615193b 修复阿拉伯显示异常问题 2024-06-06 11:01:46 +08:00
dragon
2e32cddc87 修复时间选择器滑动异常问题 2024-06-05 18:33:46 +08:00
dragon
0ebbedcaa4 优化阿拉伯首页公会成员列表 2024-06-04 19:16:42 +08:00
dragon
7a1af74708 修改规则 2024-06-04 14:24:51 +08:00
dragon
00a377b59d 修改邀请好友奖励以及修复账单钻石账单异常 2024-06-04 11:56:17 +08:00
dragon
71af927e13 修改幸运礼物货币图标 2024-06-03 19:24:00 +08:00
dragon
3da905b683 适配苹果14公会 2024-06-03 13:12:29 +08:00
dragon
ea034c67af 调试公会顶部距离 2024-06-03 11:20:56 +08:00
dragon
ec8281f55c 清除缓存--铭牌 2024-06-03 10:45:56 +08:00
dragon
b04f17dee9 铭牌申请替换 2024-06-03 10:22:15 +08:00
dragon
405bb90f4b 替换贵族规则图 2024-05-31 17:35:18 +08:00
dragon
a2f91d0299 修改工会翻译 2024-05-31 16:00:22 +08:00
dragon
bf98ddeeba 修复部分公会样式问题 2024-05-31 15:48:38 +08:00
dragon
1ee9e303d0 多语言公会,修复账单类型 2024-05-31 15:27:21 +08:00
dragon
65a3c3467b 新增阿拉伯全服排行榜判断icon 2024-05-29 16:14:53 +08:00
dragon
1e2781a556 放开任务 2024-05-29 13:41:37 +08:00
dragon
88035c7d69 隐藏任务 2024-05-29 12:18:20 +08:00
dragon
bdbc6dc3b2 替换ui 2024-05-29 11:28:55 +08:00
dragon
39c2dbfca3 补ui展示 2024-05-28 21:44:12 +08:00
dragon
dfbc314b52 修复bug 2024-05-28 21:16:37 +08:00
dragon
f9acf867db 修复bug 2024-05-28 21:16:37 +08:00
dragon
9ee240c85f 新增儿童节活动 2024-05-28 21:16:36 +08:00
dragon
3588ddde48 修改阿拉伯公会自己信息字段 2024-05-27 15:53:50 +08:00
dragon
a7bf8c2ee5 修改邀请成员页面文件命名 2024-05-24 18:34:37 +08:00
dragon
154c451396 修复邀请成员页面打不开,新增账单类型 2024-05-24 18:22:52 +08:00
dragon
22ba0d9bd4 修复ui和bug 2024-05-24 17:31:01 +08:00
dragon
bebd0aca0c 修复bug 2024-05-22 16:39:32 +08:00
dragon
bc9e9877c9 修复接口报错问题 2024-05-22 16:25:06 +08:00
dragon
e958341e23 新增阿拉伯公会 2024-05-21 18:32:09 +08:00
dragon
edb98ff8d8 替换排行榜ui 2024-05-21 18:31:59 +08:00
dragon
f286f718fc 替换通用多语言ui 2024-05-21 17:48:06 +08:00
dragon
4b2864aa39 去除充值页面line联系方式 2024-05-17 16:47:53 +08:00
dragon
ae4a154f4e 修复热恋bug 2024-05-16 17:28:37 +08:00
dragon
4f57268711 压缩图片 2024-05-16 12:39:41 +08:00
dragon
9bc282355a 修复520活动bug 2024-05-16 12:39:41 +08:00
dragon
a6e07a0a53 修复报错异常 2024-05-16 12:39:41 +08:00
dragon
fac5382c94 新增全城热恋 2024-05-16 12:39:40 +08:00
dragon
8a97e3d012 新增房间榜单点击跳转资料页 2024-05-16 12:38:43 +08:00
dragon
b69489915e 修复金币账单异常问题 2024-05-15 17:39:26 +08:00
dragon
46646a9844 修改下载ui 2024-05-15 10:55:37 +08:00
dragon
1ee16e30b0 修改官网安卓下载ui 2024-05-15 09:54:53 +08:00
dragon
38f366eb12 更改ui邀请活动 2024-05-14 18:42:55 +08:00
dragon
a60957801b 修改sdk文案 2024-05-14 15:10:50 +08:00
dragon
fdc4751729 替换官网ui 2024-05-14 12:00:23 +08:00
dragon
d6b132560e 清除缓存 2024-05-13 18:08:07 +08:00
591 changed files with 33150 additions and 842 deletions

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: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 774 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 617 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 501 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 572 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 850 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1014 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -0,0 +1,212 @@
<!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>
<!-- header -->
<div class="header">
<img src="./images/rule_icon.png" alt="" class="rule_icon">
</div>
<!-- 限定禮物 -->
<div class="giftBox">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/gift4.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/gift1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/gift2.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/gift3.png" alt="">
</div>
</div>
</div>
</div>
<!-- 遊戲地圖 -->
<div class="game">
<!-- 放大鏡數量 -->
<div class="magnifyingGlass">放大鏡數量:<b>0</b></div>
<!-- 遊戲記錄 -->
<div class="records">遊園記錄</div>
<!-- 榜單 -->
<img src="./images/list_icon.png" alt="" class="list_icon">
<!-- 任務 -->
<img src="./images/toast_icon.png" alt="" class="toast_icon">
<!-- 遊園按鈕 -->
<img src="./images/but_icon.png" alt="" class="but">
<!-- icon -->
<img src="./images/icon1.png" alt="" class="icon icon1">
<img src="./images/icon2.png" alt="" class="icon icon2">
<img src="./images/icon3.png" alt="" class="icon icon3">
<img src="./images/icon4.png" alt="" class="icon icon4">
<img src="./images/icon5.png" alt="" class="icon icon5">
<img src="./images/icon6.png" alt="" class="icon icon6">
<!-- 點擊圖標站位按鈕 -->
<div class="buts buts1"></div>
<div class="buts buts2"></div>
<div class="buts buts3"></div>
<div class="buts buts4"></div>
<div class="buts buts5"></div>
<div class="buts buts6"></div>
<!-- 贏結果頁 -->
<div class="result">
<img src="./images/logo.png" alt="" class="tx_left">
<img src="./images/logo.png" alt="" class="tx_right">
<div class="name_left">虛位以待</div>
<div class="name_right">虛位以待</div>
<div class="id_right">ID:0</div>
<img src="./images/resultText1.png" alt="" class="resultText">
<div class="text1">請收下妳的戰利品</div>
<div class="giftName">禮物昵稱</div>
<div class="giftBoxs">
<img src="./images/logo.png" alt="" class="giftImg">
</div>
<img src="./images/view.png" alt="" class="view">
<img src="./images/playAgain.png" alt="" class="playAgain">
</div>
<!-- 輸結果頁 -->
<div class="result2">
<img src="./images/logo.png" alt="" class="tx_left">
<div class="name_left">虛位以待</div>
<img src="./images/resultText2.png" alt="" class="resultText">
<div class="text1">請收下妳的戰利品</div>
<div class="giftName">禮物昵稱</div>
<div class="giftBoxs">
<img src="./images/logo.png" alt="" class="giftImg">
</div>
<img src="./images/view3.png" alt="" class="view">
<img src="./images/playAgain.png" alt="" class="playAgain">
</div>
</div>
<!-- 榜單彈窗 -->
<div class="list_pub">
<div class="list_pub_in">
<div class="tab">
<div class="act">搜捕榜</div>
<div>童趣榜</div>
<div>童年榜</div>
</div>
<!-- 前三 -->
<div class="top1">
<img src="./images/no1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">童趣值:0</div>
</div>
<div class="top2">
<img src="./images/no2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">童趣值:0</div>
</div>
<div class="top3">
<img src="./images/no3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">童趣值:0</div>
</div>
<!-- 非前三 -->
<ul>
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">童趣值:0</div>
</li>
</ul>
</div>
</div>
<!-- 任務彈窗 -->
<div class="toast_pub">
<div class="toast_pub_in">
<img src="./images/close.png" alt="" class="close">
<div class="toasts toasts1">
<p>登錄活動頁</p>
<span>獎勵:放大鏡*1</span>
<div class="but">未完成</div>
</div>
<div class="toasts toasts2">
<p>關註一位新的好友(0/3)</p>
<span>獎勵:放大鏡*1</span>
<div class="but">未完成</div>
</div>
<div class="toasts toasts3">
<p>房間停留10mins~(0/3)</p>
<span>獎勵:放大鏡*1</span>
<div class="but">未完成</div>
</div>
<div class="toasts toasts4">
<p>送出or收到1000金幣的61限定禮物</p>
<span>獎勵:放大鏡*1</span>
<i>今日已獲得:0</i>
<div class="but">未完成</div>
</div>
<div class="toasts toasts5">
<p>參與Greedy纍計獲得1000金幣</p>
<span>獎勵:放大鏡*1</span>
<i>今日已獲得:0</i>
<div class="but">未完成</div>
</div>
</div>
</div>
<!-- 遊戲記錄彈窗 -->
<div class="records_pub">
<div class="records_pub_in">
<div class="title">
<div>獲獎時間</div>
<div>獎品</div>
</div>
<ul>
<li>
<div>
<p>2024/01/22</p>
<b>23:59:59</b>
</div>
<div>
<p>禮物名稱</p>
<i>XX天</i>
</div>
</li>
</ul>
</div>
</div>
<!-- 規則 -->
<div class="rule">
<div class="rule_in">
<div class="tab">
<div class="act">活動規則</div>
<div>活動獎勵</div>
</div>
<div class="imgBox">
<img src="./images/rule1.png" alt="" class="img1">
<img src="./images/rule2.png" alt="" class="img2">
</div>
</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/route-constant.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js"></script>

View File

@@ -0,0 +1,474 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
var langReplace;
var localLang;
// 封裝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 page = 1;
var isLock = true;
var magnifyingGlass = 0;
var listType = 1;
var gameType = true;
// 初始化函數
$(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();
getInfo();
}, 100)
})
// 禮物輪播
function swiperFun() {
var mySwiper = new Swiper('.swiper', {
direction: "vertical",
loop: true,
autoplay: {
delay: 3000,//
disableOnInteraction: false
}
})
}
// 活動信息接口
function getInfo() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/info',
data: { activityCode: 'ACT_2024_CHILDREN_DAY' },
success(res) {
if (res.code === 200) {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/currency',
data: { redisKey: 'act_user_task_extra_data' },
success(res) {
if (res.code === 200) {
magnifyingGlass = res.data
$('.game .magnifyingGlass b').text(magnifyingGlass);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 打開榜單
$('.game .list_icon').click(function () {
listFun(listType)
$('.list_pub').show();
bodyScroolFun(true);
})
// 榜單切換
$('.list_pub .list_pub_in .tab div').click(function () {
var i = $(this).index() + 1;
listType = i;
$(this).addClass('act').siblings().removeClass('act');
listFun(listType)
return false;
})
// 活動信息接口
function listFun(type) {
var str = '';
$('.list_pub .list_pub_in ul li').remove();
showLoading()
if (type == 1) {
networkRequest({
type: 'get',
url: urlPrefix + '/allrank/geth5',
data: {
uid: pubInfo.uid,
type: 5,
datetype: 3,
pageNum: 1,
pageSize: 999999999,
},
success(res) {
if (res.code === 200) {
var listTo3 = res.data.rankVoList.slice(0, 3);
var notListTo3 = res.data.rankVoList.slice(3);
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
nick: '虛位以待',
totalNum: "0"
})
listTo3.push(...arr)
}
// 處理前三
listTo3.forEach((res, i) => {
if (res.score > 10000) {
res.score = ((Math.floor(res.totalNum / 1000)) / 10).toFixed(1) + 'W'
}
$(`.list_pub .list_pub_in .top${i + 1} .tx`).attr("src", res.avatar);
$(`.list_pub .list_pub_in .top${i + 1} .name`).text(res.nick);
$(`.list_pub .list_pub_in .top${i + 1} .score`).text('搜捕值:' + res.totalNum);
});
notListTo3.forEach((res, i) => {
if (res.score > 10000) {
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
}
str += `
<li>
<div class="num">${i + 4}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="name">${res.nick}</div>
<div class="score">搜捕值:${res.totalNum}</div>
</li>
`
})
$('.list_pub .list_pub_in ul').append(str);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
} else {
networkRequest({
type: 'get',
url: urlPrefix + '/act/special/gift/getRank',
data: {
pageSize: 999999999,
rankType: type == 2 ? 4 : 2,
},
success(res) {
if (res.code === 200) {
var listTo3 = res.data.rankList.slice(0, 3);
var notListTo3 = res.data.rankList.slice(3);
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
nick: '虛位以待',
score: "0"
})
listTo3.push(...arr)
}
// 處理前三
listTo3.forEach((res, i) => {
if (res.score > 10000) {
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
}
$(`.list_pub .list_pub_in .top${i + 1} .tx`).attr("src", res.avatar);
$(`.list_pub .list_pub_in .top${i + 1} .name`).text(res.nick);
$(`.list_pub .list_pub_in .top${i + 1} .score`).text(`${type == 2 ? '童趣值:' : "童年值:"}`+res.score);
});
notListTo3.forEach((res,i) => {
if (res.score > 10000) {
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
}
str += `
<li>
<div class="num">${i + 4}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="name">${res.nick}</div>
<div class="score">${type == 2 ? '童趣值:' : "童年值:" }${res.score}</div>
</li>
`
})
$('.list_pub .list_pub_in ul').append(str);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
}
// 關閉榜單
$('.list_pub').click(function () {
$('.list_pub').hide();
bodyScroolFun(false);
})
// 打開任務
$('.game .toast_icon').click(function () {
getTask();
})
// 活動信息接口
function getTask() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/act/children/task',
success(res) {
if (res.code === 200) {
res.data.isLoginTask ? $('.toast_pub .toast_pub_in .toasts1 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts1 .but').removeClass('act');
res.data.isLoginTask ? $('.toast_pub .toast_pub_in .toasts1 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts1 .but').text('未完成');
$('.toast_pub .toast_pub_in .toasts2 p').text(`關註一位新的好友(${res.data.userFollowCount}/3)`);
res.data.isUserFollowTask ? $('.toast_pub .toast_pub_in .toasts2 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts2 .but').removeClass('act');
res.data.isUserFollowTask ? $('.toast_pub .toast_pub_in .toasts2 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts2 .but').text('未完成');
$('.toast_pub .toast_pub_in .toasts3 p').text(`房間停留10mins~(${res.data.keepTimeCount}/3)`);
res.data.isKeepTimeTask ? $('.toast_pub .toast_pub_in .toasts3 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts3 .but').removeClass('act');
res.data.isKeepTimeTask ? $('.toast_pub .toast_pub_in .toasts3 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts3 .but').text('未完成');
$('.toast_pub .toast_pub_in .toasts4 i').text(`今日已獲得:${res.data.limitGiftCount}`);
res.data.isLimitGiftFor61Task ? $('.toast_pub .toast_pub_in .toasts4 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts4 .but').removeClass('act');
res.data.isLimitGiftFor61Task ? $('.toast_pub .toast_pub_in .toasts4 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts4 .but').text('未完成');
$('.toast_pub .toast_pub_in .toasts5 i').text(`今日已獲得:${res.data.joinGreedyFor1000Count}`);
res.data.isJoinGreedyFor1000Task ? $('.toast_pub .toast_pub_in .toasts5 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts5 .but').removeClass('act');
res.data.isJoinGreedyFor1000Task ? $('.toast_pub .toast_pub_in .toasts5 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts5 .but').text('未完成');
$('.toast_pub').show();
bodyScroolFun(true);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 關閉任務
$('.toast_pub .toast_pub_in .close').click(function () {
$('.toast_pub').hide();
bodyScroolFun(false);
})
// 關閉結果彈窗
$('.game .result .view').click(function () {
$('.result,.result2').hide();
var roomUid = $(this).attr('uid');
if (gameType) {
// 跳转房间
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(roomUid);
}
}
}
// 打开主页
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(roomUid);
setTimeout(function () { lock = true; }, 200)
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openPersonPage(roomUid);
}
}
})
$('.game .result2 .view').click(function () {
$('.result,.result2').hide();
})
$('.game .result,.game .result2').click(function () {
$('.result,.result2').hide();
})
// 關閉記錄彈窗
$('.records_pub').click(function () {
$('.records_pub').hide();
bodyScroolFun(false);
})
// 切換規則按鈕
$('.rule .rule_in .tab div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('act').siblings().removeClass('act')
$('.rule .rule_in .imgBox img').hide();
$(`.rule .rule_in .imgBox .img${i}`).show();
return false;
})
// 打開規則
$('.header .rule_icon').click(function () {
$('.rule').show();
bodyScroolFun(true);
})
// 關閉規則
$('.rule').click(function () {
$('.rule').hide();
bodyScroolFun(false);
})
// 記錄接口
function record(page) {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/task/user/record/page',
data: { activityCode: 'ACT_2024_CHILDREN_DAY', componentCode: 'TONG_QU_LE_YUAN', pageNum: page, pageSize: 10 },
success(res) {
if (res.code === 200) {
var str = '';
if (res.data.records.length == 0 && page == 1) {
str += `<li class="null"><div>暫無</div><div>暫無</div></li>`
isLock = false;
} else {
res.data.records.forEach(res => {
str += `
<li>
<div>
<p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
<b>${dateFormat(res.createTime, 'hh/mm/ss')}</b>
</div>
<div>
<p>${res.rewardName}</p>
<i>${res.rewardNum}${rewardTypeFun(res.rewardType).unit}</i>
</div>
</li>`
})
if (res.data.records.length == 0) {
isLock = false;
} else {
isLock = true;
}
}
$('.records_pub .records_pub_in ul').append(str);
$('.records_pub').show();
bodyScroolFun(true);
} else {
isLock = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
isLock = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 兌換記錄滾動
$('.records_pub .records_pub_in ul').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.records_pub .records_pub_in ul')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock) {
// 請求下一頁
page = page + 1;
record(page)
isLock = false;
}
}
})
// 打開記錄
$('.game .records').click(function () {
$('.records_pub .records_pub_in ul li').remove();
page = 1;
record(page);
})
// 關閉記錄
$('.records_pub').click(function () {
$('.records_pub').hide();
bodyScroolFun(false);
})
// 逮捕按鈕
$('.game .buts,.game .but,.game .result .playAgain,.game .result2 .playAgain').click(function () {
$('.game .result2,.game .result1').hide();
draw();
})
// 活動信息接口
function draw() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/act/children/draw',
success(res) {
if (res.code === 200) {
if (res.data.isWin) {
// 中獎
$('.game .result .tx_left').attr('src', res.data.avatar);
$('.game .result .tx_right').attr('src', res.data.anchorAvatar);
$('.game .result .tx_right').attr('uid', res.data.anchorRoomUid);
$('.game .result .view').attr('uid', res.data.anchorRoomUid);
gameType = res.data.isOnline;
gameType ? $('.game .result .view').attr('src', './images/view2.png') : $('.game .result .view').attr('src', './images/view.png');
$('.game .result .name_left').text('我');
$('.game .result .name_Right').text(res.data.anchorNick);
$('.game .result .id_right').text("ID:" + res.data.anchorErBanNo);
$('.game .result .giftBoxs img').attr("src", res.data.rewardIcon);
$('.game .result .giftName').text(res.data.rewardName);
$('.game .result').show();
} else {
// 非中獎
$('.game .result2 .tx_left').attr('src', res.data.avatar);
$('.game .result2 .name_left').text('我');
$('.game .result2 .giftBoxs img').attr("src", res.data.rewardIcon);
$('.game .result2 .giftName').text(res.data.rewardName);
$('.game .result2').show();
}
getInfo();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 跳轉主播房間
$('.game .result .tx_right').click(function () {
var roomUid = $(this).attr('uid');
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(roomUid);
}
}
})

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,731 @@
html,
body {
width: 100%;
background: #F9E4D6;
}
.rabbit {
z-index: 999;
width: 0.8rem;
height: 0.8rem;
}
.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: 11.6rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin: 0 auto 0rem;
}
.header .rule_icon {
position: absolute;
width: 1.76rem;
height: 0.97333rem;
right: 0;
top: 4.6rem;
}
.header .tab {
width: 7.89333rem;
height: 1.36rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 7.64rem;
display: flex;
justify-content: space-between;
}
.header .tab div {
width: 3.46667rem;
height: 100%;
}
.header .tab .tab1 {
background: url(../images/tab1.png) no-repeat;
background-size: 100% 100%;
}
.header .tab .tab2 {
background: url(../images/tab2.png) no-repeat;
background-size: 100% 100%;
}
.header .tab .act1 {
background: url(../images/tabAct1.png) no-repeat;
background-size: 100% 100%;
}
.header .tab .act2 {
background: url(../images/tabAct2.png) no-repeat;
background-size: 100% 100%;
}
.page1 .page1Box1 {
width: 10rem;
height: 9.74667rem;
display: block;
margin: -2.6rem auto 0rem;
position: relative;
}
.page1 .page1Box2 {
width: 10rem;
height: 12.44rem;
display: block;
margin: -1.1rem auto 0rem;
position: relative;
}
.page1 .page1Box3 {
width: 10rem;
height: 12.28rem;
display: block;
margin: -1.1rem auto 0rem;
position: relative;
}
.page1 .page1Box4 {
width: 10rem;
height: 15rem;
margin: -1.1rem auto 0rem;
position: relative;
background: url(../images/page1Box4.png) no-repeat 100% 100%;
background-size: 100% 100%;
}
.page1 .page1Box4 .left {
width: 3.48rem;
height: 0.84rem;
line-height: 0.81333rem;
background: url(../images/page1Box4_left.png) no-repeat;
background-size: 100% 100%;
color: #FF5B8D;
font-size: 0.28rem;
position: absolute;
left: 0;
top: 2.69333rem;
text-indent: 2.55rem;
font-weight: bold;
}
.page1 .page1Box4 .right {
width: 3.48rem;
height: 0.84rem;
position: absolute;
right: 0;
top: 2.69333rem;
}
.page1 .page1Box4 .dayLimit {
width: 0.76rem;
height: 0.36rem;
line-height: 0.36rem;
text-align: center;
color: #fff;
font-size: 0.16rem;
font-weight: 500;
position: absolute;
top: 4.10667rem;
background: url(../images/dayLimit.png) no-repeat;
background-size: 100% 100%;
text-indent: 0.05rem;
white-space: nowrap;
}
.page1 .page1Box4 .dayLimit1 {
left: 2.81333rem;
}
.page1 .page1Box4 .dayLimit2 {
left: 5.49333rem;
}
.page1 .page1Box4 .dayLimit3 {
left: 8.22667rem;
}
.page1 .page1Box4 .convert {
width: 1.73333rem;
height: 0.61333rem;
position: absolute;
}
.page1 .page1Box4 .convert1 {
left: 1.37333rem;
top: 6.33333rem;
}
.page1 .page1Box4 .convert2 {
left: 4.04rem;
top: 6.33333rem;
}
.page1 .page1Box4 .convert3 {
left: 6.8rem;
top: 6.33333rem;
}
.page1 .page1Box4 .convert4 {
left: 1.37333rem;
top: 9.45333rem;
}
.page1 .page1Box4 .convert5 {
left: 4.04rem;
top: 9.45333rem;
}
.page1 .page1Box4 .convert6 {
left: 6.8rem;
top: 9.45333rem;
}
.page1 .page1Box4 .convert7 {
left: 2.8rem;
top: 12.65333rem;
}
.page1 .page1Box4 .convert8 {
left: 5.45333rem;
top: 12.65333rem;
}
.page2 {
display: none;
width: 10rem;
height: 20.56rem;
background: url(../images/page2.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin: -2.6rem auto 1.33333rem;
}
.page2 .first .left_ts {
width: 2.16rem;
height: 2.13333rem;
position: absolute;
left: 2.16rem;
top: 2.68rem;
z-index: 2;
}
.page2 .first .right_ts {
width: 2.16rem;
height: 2.13333rem;
position: absolute;
right: 2.16rem;
top: 2.68rem;
z-index: 2;
}
.page2 .first .left_tx {
width: 1.76rem;
height: 1.76rem;
border-radius: 50%;
position: absolute;
left: 2.33333rem;
top: 2.89333rem;
}
.page2 .first .right_tx {
width: 1.76rem;
height: 1.76rem;
border-radius: 50%;
position: absolute;
right: 2.33333rem;
top: 2.89333rem;
}
.page2 .first .score {
width: 1.5rem;
text-align: center;
-webkit-text-stroke: 0.01333rem #FE5A9F;
/* Safari */
font-size: 0.28rem;
color: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.82667rem;
font-weight: bold;
}
.page2 .first .leftNick {
width: 2.16rem;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
left: 2.24rem;
top: 5rem;
color: #B8004E;
font-weight: bold;
font-size: 0.28rem;
}
.page2 .first .rightNick {
width: 2.16rem;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
right: 2.24rem;
top: 5rem;
color: #B8004E;
font-weight: bold;
font-size: 0.28rem;
}
.page2 .notFirst {
width: 8.88rem;
height: 12rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 7.13333rem;
overflow-y: scroll;
}
.page2 .notFirst::-webkit-scrollbar {
display: none;
}
.page2 .notFirst li {
width: 8.88rem;
height: 1.82667rem;
background: url(../images/listBg.png) no-repeat;
background-size: 100% 100%;
position: relative;
overflow: hidden;
}
.page2 .notFirst li .num {
width: 0.66667rem;
height: 100%;
line-height: 1.82667rem;
text-align: center;
color: #B16B74;
font-size: 0.30667rem;
font-weight: 500;
float: left;
margin-left: 0.52rem;
margin-right: 0.2rem;
}
.page2 .notFirst li .left_tx {
width: 1.09333rem;
height: 1.09333rem;
border-radius: 1.09333rem;
float: left;
margin-top: 0.38667rem;
border: 0.02667rem solid #FFABC7;
margin-right: 0.18667rem;
}
.page2 .notFirst li .right_tx {
width: 1.09333rem;
height: 1.09333rem;
border-radius: 1.09333rem;
float: left;
margin-top: 0.38667rem;
border: 0.02667rem solid #FFABC7;
}
.page2 .notFirst li .love {
width: 1.02667rem;
height: 0.90667rem;
position: absolute;
left: 2.10667rem;
top: 0.50667rem;
}
.page2 .notFirst li .nickLeft {
width: 2.2rem;
color: #FF658E;
font-size: 0.28rem;
font-weight: 500;
position: absolute;
left: 4rem;
top: 0.58667rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .notFirst li .nickRight {
width: 2.2rem;
color: #FF658E;
font-size: 0.28rem;
font-weight: 500;
position: absolute;
left: 4rem;
top: 0.98667rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .notFirst li .score {
float: right;
height: 100%;
line-height: 1.82667rem;
color: #FE5F93;
font-size: 0.32rem;
margin-right: 1rem;
font-weight: 500;
}
.page2 .my {
width: 10rem;
height: 3.16rem;
position: fixed;
left: 0;
bottom: 0;
background: url(../images/my.png) no-repeat;
background-size: 100% 100%;
background: url(../images/my2.png) no-repeat;
background-size: 100% 100%;
transition: all .3s;
z-index: 3;
}
.page2 .my .more {
width: 1.24rem;
height: 1.24rem;
position: absolute;
right: 0.09333rem;
top: -0.41333rem;
}
.page2 .my ul {
width: 8.88rem;
height: 1.82667rem;
margin: 1.10667rem auto 0;
overflow-y: hidden;
}
.page2 .my ul::-webkit-scrollbar {
display: none;
}
.page2 .my ul li {
width: 100%;
height: 1.82667rem;
background: url(../images/myList.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin-bottom: 0.10667rem;
overflow: hidden;
}
.page2 .my ul li .num {
width: 0.66667rem;
height: 100%;
line-height: 1.82667rem;
text-align: center;
color: #B16B74;
font-size: 0.30667rem;
font-weight: 500;
float: left;
margin-left: 0.52rem;
margin-right: 0.2rem;
}
.page2 .my ul li .left_tx {
width: 1.09333rem;
height: 1.09333rem;
border-radius: 1.09333rem;
float: left;
margin-top: 0.38667rem;
border: 0.02667rem solid #FFABC7;
margin-right: 0.18667rem;
}
.page2 .my ul li .right_tx {
width: 1.09333rem;
height: 1.09333rem;
border-radius: 1.09333rem;
float: left;
margin-top: 0.38667rem;
border: 0.02667rem solid #FFABC7;
}
.page2 .my ul li .love {
width: 1.02667rem;
height: 0.90667rem;
position: absolute;
left: 2.10667rem;
top: 0.50667rem;
}
.page2 .my ul li .nickLeft {
width: 2.2rem;
color: #FF658E;
font-size: 0.28rem;
font-weight: 500;
position: absolute;
left: 4rem;
top: 0.58667rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .my ul li .nickRight {
width: 2.2rem;
color: #FF658E;
font-size: 0.28rem;
font-weight: 500;
position: absolute;
left: 4rem;
top: 0.98667rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .my ul li .score {
float: right;
height: 100%;
line-height: 1.82667rem;
color: #FE5F93;
font-size: 0.32rem;
margin-right: 1rem;
font-weight: 500;
}
.page2 .my ul .null {
background: none;
text-align: center;
line-height: 1.82667rem;
color: #FF658E;
font-size: 0.4rem;
font-weight: 500;
}
.rule {
position: fixed;
z-index: 99;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
display: none;
}
.rule .rule_in {
width: 9.10667rem;
height: 13.18667rem;
background: url(../images/ruleBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.rule .rule_in .tab {
width: 6.64rem;
height: 1.22667rem;
display: flex;
justify-content: space-between;
margin: 2.4rem auto 0.25333rem;
}
.rule .rule_in .tab div {
width: 3.13333rem;
height: 1.22667rem;
}
.rule .rule_in .tab .tab1 {
background: url(../images/ruleTab1.png) no-repeat;
background-size: 100% 100%;
}
.rule .rule_in .tab .tab2 {
background: url(../images/ruleTab2.png) no-repeat;
background-size: 100% 100%;
}
.rule .rule_in .tab .act1 {
background: url(../images/ruleTabAct1.png) no-repeat;
background-size: 100% 100%;
}
.rule .rule_in .tab .act2 {
background: url(../images/ruleTabAct2.png) no-repeat;
background-size: 100% 100%;
}
.rule .rule_in .box {
width: 7.81333rem;
height: 8.5rem;
margin: 0 auto 0;
overflow-y: scroll;
}
.rule .rule_in .box::-webkit-scrollbar {
display: none;
}
.rule .rule_in .box img {
display: block;
width: 100%;
}
.rule .rule_in .box .img2 {
display: none;
}
.rule .rule_in .box2 {
width: 8.29333rem;
}
.end {
position: fixed;
z-index: 99;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
display: none;
}
.end .end_in {
width: 7rem;
height: 5.48rem;
background: url(../images/endBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.end .but {
width: 3.14667rem;
height: 1.22667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0.81333rem;
}
.records {
position: fixed;
z-index: 99;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
display: none;
}
.records .records_in {
width: 9.61333rem;
height: 8.48rem;
background: url(../images/recordsBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.records .records_in .title {
width: 5.4rem;
display: flex;
justify-content: space-between;
color: #8956AA;
font-weight: 500;
font-size: 0.36rem;
margin: 2.49333rem auto 0.48rem;
text-align: center;
}
.records .records_in .title div {
width: 2.7rem;
}
.records .records_in ul {
width: 5.4rem;
height: 3.4rem;
margin: 0 auto;
overflow-y: scroll;
}
.records .records_in ul::-webkit-scrollbar {
display: none;
}
.records .records_in ul li {
width: 100%;
display: flex;
justify-content: space-between;
text-align: right;
margin-bottom: 0.28rem;
}
.records .records_in ul li div {
width: 2.7rem;
box-sizing: border-box;
padding-right: 0.64rem;
color: #8956AA;
font-size: 0.26667rem;
font-weight: 400;
}
.records .records_in ul li div p {
margin-bottom: 0.06667rem;
}
.records .records_in ul li div b {
font-size: 0.21333rem;
}
.records .records_in ul li .div2 {
text-align: center;
padding: 0;
}
.records .records_in ul .null .nulls {
text-align: center;
text-indent: 0.6rem;
}

View File

@@ -0,0 +1,745 @@
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
width: 100%;
background: #F9E4D6;
}
.rabbit {
z-index: 999;
width: px2rem(60);
height: px2rem(60);
}
// 返回按钮
.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(870);
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin: 0 auto px2rem(0);
.rule_icon {
position: absolute;
width: px2rem(132);
height: px2rem(73);
right: 0;
top: 4.6rem;
}
.tab {
width: px2rem(592);
height: px2rem(102);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(573);
display: flex;
justify-content: space-between;
div {
width: px2rem(260);
height: 100%;
}
.tab1 {
background: url(../images/tab1.png) no-repeat;
background-size: 100% 100%;
}
.tab2 {
background: url(../images/tab2.png) no-repeat;
background-size: 100% 100%;
}
.act1 {
background: url(../images/tabAct1.png) no-repeat;
background-size: 100% 100%;
}
.act2 {
background: url(../images/tabAct2.png) no-repeat;
background-size: 100% 100%;
}
}
}
.page1 {
// display: none;
.page1Box1 {
width: px2rem(750);
height: px2rem(731);
display: block;
margin: -2.6rem auto 0rem;
position: relative;
}
.page1Box2 {
width: px2rem(750);
height: px2rem(933);
display: block;
margin: -1.1rem auto 0rem;
position: relative;
}
.page1Box3 {
width: px2rem(750);
height: px2rem(921);
display: block;
margin: -1.1rem auto 0rem;
position: relative;
}
.page1Box4 {
width: px2rem(750);
height: px2rem(1125);
margin: -1.1rem auto 0rem;
position: relative;
background: url(../images/page1Box4.png) no-repeat 100% 100%;
background-size: 100% 100%;
.left {
width: px2rem(261);
height: px2rem(63);
line-height: px2rem(61);
background: url(../images/page1Box4_left.png) no-repeat;
background-size: 100% 100%;
color: #FF5B8D;
font-size: px2rem(21);
position: absolute;
left: 0;
top: px2rem(202);
text-indent: 2.55rem;
font-weight: bold;
}
.right {
width: px2rem(261);
height: px2rem(63);
position: absolute;
right: 0;
top: px2rem(202);
}
.dayLimit {
width: px2rem(57);
height: px2rem(27);
line-height: px2rem(27);
text-align: center;
color: #fff;
font-size: px2rem(12);
font-weight: 500;
position: absolute;
top: px2rem(308);
background: url(../images/dayLimit.png) no-repeat;
background-size: 100% 100%;
text-indent: 0.05rem;
white-space: nowrap;
}
.dayLimit1 {
left: px2rem(211);
}
.dayLimit2 {
left: px2rem(412);
}
.dayLimit3 {
left: px2rem(617);
}
.convert {
width: px2rem(130);
height: px2rem(46);
position: absolute;
}
.convert1 {
left: px2rem(103);
top: px2rem(475);
}
.convert2 {
left: px2rem(303);
top: px2rem(475);
}
.convert3 {
left: px2rem(510);
top: px2rem(475);
}
.convert4 {
left: px2rem(103);
top: px2rem(709);
}
.convert5 {
left: px2rem(303);
top: px2rem(709);
}
.convert6 {
left: px2rem(510);
top: px2rem(709);
}
.convert7 {
left: px2rem(210);
top: px2rem(949);
}
.convert8 {
left: px2rem(409);
top: px2rem(949);
}
}
}
.page2 {
display: none;
width: px2rem(750);
height: px2rem(1542);
background: url(../images/page2.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin: -2.6rem auto px2rem(100);
.first {
.left_ts {
width: px2rem(162);
height: px2rem(160);
position: absolute;
left: px2rem(162);
top: px2rem(201);
z-index: 2;
}
.right_ts {
width: px2rem(162);
height: px2rem(160);
position: absolute;
right: px2rem(162);
top: px2rem(201);
z-index: 2;
}
.left_tx {
width: px2rem(132);
height: px2rem(132);
border-radius: 50%;
position: absolute;
left: px2rem(175);
top: px2rem(217);
}
.right_tx {
width: px2rem(132);
height: px2rem(132);
border-radius: 50%;
position: absolute;
right: px2rem(175);
top: px2rem(217);
}
.score {
width: 1.5rem;
text-align: center;
-webkit-text-stroke: px2rem(1) #FE5A9F;
/* Safari */
font-size: px2rem(21);
color: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.82667rem;
font-weight: bold;
}
.leftNick {
width: px2rem(162);
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
left: px2rem(168);
top: px2rem(375);
color: #B8004E;
font-weight: bold;
font-size: px2rem(21);
}
.rightNick {
width: px2rem(162);
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
right: px2rem(168);
top: px2rem(375);
color: #B8004E;
font-weight: bold;
font-size: px2rem(21);
}
}
.notFirst {
width: px2rem(666);
height: 12rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(535);
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
li {
width: px2rem(666);
height: px2rem(137);
background: url(../images/listBg.png) no-repeat;
background-size: 100% 100%;
position: relative;
overflow: hidden;
.num {
width: px2rem(50);
height: 100%;
line-height: px2rem(137);
text-align: center;
color: #B16B74;
font-size: px2rem(23);
font-weight: 500;
float: left;
margin-left: 0.52rem;
margin-right: px2rem(15);
}
.left_tx {
width: px2rem(82);
height: px2rem(82);
border-radius: px2rem(82);
float: left;
margin-top: px2rem(29);
border: px2rem(2) solid #FFABC7;
margin-right: px2rem(14);
}
.right_tx {
width: px2rem(82);
height: px2rem(82);
border-radius: px2rem(82);
float: left;
margin-top: px2rem(29);
border: px2rem(2) solid #FFABC7;
}
.love {
width: px2rem(77);
height: px2rem(68);
position: absolute;
left: px2rem(158);
top: px2rem(38);
}
.nickLeft {
width: 2.2rem;
color: #FF658E;
font-size: px2rem(21);
font-weight: 500;
position: absolute;
left: px2rem(300);
top: px2rem(44);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nickRight {
width: 2.2rem;
color: #FF658E;
font-size: px2rem(21);
font-weight: 500;
position: absolute;
left: px2rem(300);
top: px2rem(74);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.score {
float: right;
height: 100%;
line-height: px2rem(137);
color: #FE5F93;
font-size: px2rem(24);
margin-right: px2rem(75);
font-weight: 500;
}
}
}
.my {
width: px2rem(750);
height: 3.16rem;
position: fixed;
left: 0;
bottom: 0;
background: url(../images/my.png) no-repeat;
background-size: 100% 100%;
background: url(../images/my2.png) no-repeat;
background-size: 100% 100%;
transition: all .3s;
z-index: 3;
.more {
width: px2rem(93);
height: px2rem(93);
position: absolute;
right: px2rem(7);
top: px2rem(-31);
}
ul {
width: 8.88rem;
height: 1.82667rem;
margin: 1.10667rem auto 0;
overflow-y: hidden;
&::-webkit-scrollbar {
display: none;
}
li {
width: 100%;
height: px2rem(137);
background: url(../images/myList.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin-bottom: px2rem(8);
overflow: hidden;
.num {
width: px2rem(50);
height: 100%;
line-height: px2rem(137);
text-align: center;
color: #B16B74;
font-size: px2rem(23);
font-weight: 500;
float: left;
margin-left: 0.52rem;
margin-right: px2rem(15);
}
.left_tx {
width: px2rem(82);
height: px2rem(82);
border-radius: px2rem(82);
float: left;
margin-top: px2rem(29);
border: px2rem(2) solid #FFABC7;
margin-right: px2rem(14);
}
.right_tx {
width: px2rem(82);
height: px2rem(82);
border-radius: px2rem(82);
float: left;
margin-top: px2rem(29);
border: px2rem(2) solid #FFABC7;
}
.love {
width: px2rem(77);
height: px2rem(68);
position: absolute;
left: px2rem(158);
top: px2rem(38);
}
.nickLeft {
width: 2.2rem;
color: #FF658E;
font-size: px2rem(21);
font-weight: 500;
position: absolute;
left: px2rem(300);
top: px2rem(44);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nickRight {
width: 2.2rem;
color: #FF658E;
font-size: px2rem(21);
font-weight: 500;
position: absolute;
left: px2rem(300);
top: px2rem(74);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.score {
float: right;
height: 100%;
line-height: px2rem(137);
color: #FE5F93;
font-size: px2rem(24);
margin-right: px2rem(75);
font-weight: 500;
}
}
.null {
background: none;
text-align: center;
line-height: px2rem(137);
color: #FF658E;
font-size: px2rem(30);
font-weight: 500;
}
}
}
}
.rule {
position: fixed;
z-index: 99;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .6);
display: none;
.rule_in {
width: px2rem(683);
height: px2rem(989);
background: url(../images/ruleBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
.tab {
width: px2rem(498);
height: px2rem(92);
display: flex;
justify-content: space-between;
margin: px2rem(180) auto px2rem(19);
div {
width: px2rem(235);
height: px2rem(92);
}
.tab1 {
background: url(../images/ruleTab1.png) no-repeat;
background-size: 100% 100%;
}
.tab2 {
background: url(../images/ruleTab2.png) no-repeat;
background-size: 100% 100%;
}
.act1 {
background: url(../images/ruleTabAct1.png) no-repeat;
background-size: 100% 100%;
}
.act2 {
background: url(../images/ruleTabAct2.png) no-repeat;
background-size: 100% 100%;
}
}
.box {
width: px2rem(586);
height: 8.5rem;
margin: 0 auto 0;
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
img {
display: block;
width: 100%;
}
.img2 {
display: none;
}
}
.box2 {
width: px2rem(622);
}
}
}
.end {
position: fixed;
z-index: 99;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .6);
display: none;
.end_in {
width: px2rem(525);
height: px2rem(411);
background: url(../images/endBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.but {
width: px2rem(236);
height: px2rem(92);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(61);
}
}
.records {
position: fixed;
z-index: 99;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .6);
display: none;
.records_in {
width: px2rem(721);
height: px2rem(636);
background: url(../images/recordsBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
.title {
width: 5.4rem;
display: flex;
justify-content: space-between;
color: #8956AA;
font-weight: 500;
font-size: px2rem(27);
margin: px2rem(187) auto px2rem(36);
text-align: center;
div {
width: 2.7rem;
}
}
ul {
width: 5.4rem;
height: 3.4rem;
margin: 0 auto;
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
li {
width: 100%;
display: flex;
justify-content: space-between;
text-align: right;
margin-bottom: px2rem(21);
div {
width: 2.7rem;
box-sizing: border-box;
padding-right: 0.64rem;
color: #8956AA;
font-size: px2rem(20);
font-weight: 400;
p {
margin-bottom: px2rem(5);
}
b {
font-size: px2rem(16);
}
}
.div2 {
text-align: center;
padding: 0;
}
}
.null {
.nulls {
text-align: center;
text-indent: 0.6rem;
}
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 631 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 819 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 317 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 447 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 459 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 442 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 554 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 559 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 594 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 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: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,163 @@
<!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/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- 頭部 -->
<div class="header">
<!-- 規則Icon -->
<img src="./images/rule_icon.png" alt="" class="rule_icon">
<!-- tab -->
<div class="tab">
<div class="tab1 act1"></div>
<div class="tab2"></div>
</div>
</div>
<!-- 熱戀攻略 -->
<div class="page1">
<img src="./images/page1Box1.png" alt="" class="page1Box1">
<img src="./images/page1Box2.png" alt="" class="page1Box2">
<img src="./images/page1Box3.png" alt="" class="page1Box3">
<div class="page1Box4">
<div class="left">0</div>
<img src="./images/page1Box4_right.png" alt="" class="right">
<div class="dayLimit dayLimit1">日限:0</div>
<div class="dayLimit dayLimit2">日限:0</div>
<div class="dayLimit dayLimit3">日限:0</div>
<img src="./images/notConvert.png" alt="" class="convert convert1">
<img src="./images/notConvert.png" alt="" class="convert convert2">
<img src="./images/notConvert.png" alt="" class="convert convert3">
<img src="./images/notConvert.png" alt="" class="convert convert4">
<img src="./images/notConvert.png" alt="" class="convert convert5">
<img src="./images/notConvert.png" alt="" class="convert convert6">
<img src="./images/notConvert.png" alt="" class="convert convert7">
<img src="./images/notConvert.png" alt="" class="convert convert8">
</div>
</div>
<!-- 心跳加速 -->
<div class="page2">
<!-- 第一名 -->
<div class="first">
<img src="./images/logo.png" alt="" class="left_tx">
<img src="./images/logo.png" alt="" class="right_tx">
<img src="./images/left_ts.png" alt="" class="left_ts">
<img src="./images/right_ts.png" alt="" class="right_ts">
<div class="score"></div>
<div class="leftNick"></div>
<div class="rightNick"></div>
</div>
<!-- 非第一名 -->
<ul class="notFirst">
<li>
<div class="num">2</div>
<img src="./images/logo.png" alt="" class="left_tx">
<img src="./images/logo.png" alt="" class="right_tx">
<img src="./images/love.png" alt="" class="love">
<div class="nickLeft">虛位以待</div>
<div class="nickRight">虛位以待</div>
<div class="score">0</div>
</li>
</ul>
<div class="my">
<img src="./images/more.png" alt="" class="more">
<ul>
<li>
<div class="num">2</div>
<img src="./images/logo.png" alt="" class="left_tx">
<img src="./images/logo.png" alt="" class="right_tx">
<img src="./images/love.png" alt="" class="love">
<div class="nickLeft">虛位以待</div>
<div class="nickRight">虛位以待</div>
<div class="score">0</div>
</li>
<li>
<div class="num">3</div>
<img src="./images/logo.png" alt="" class="left_tx">
<img src="./images/logo.png" alt="" class="right_tx">
<img src="./images/love.png" alt="" class="love">
<div class="nickLeft">虛位以待</div>
<div class="nickRight">虛位以待</div>
<div class="score">0</div>
</li>
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="left_tx">
<img src="./images/logo.png" alt="" class="right_tx">
<img src="./images/love.png" alt="" class="love">
<div class="nickLeft">虛位以待</div>
<div class="nickRight">虛位以待</div>
<div class="score">0</div>
</li>
<li>
<div class="num">5</div>
<img src="./images/logo.png" alt="" class="left_tx">
<img src="./images/logo.png" alt="" class="right_tx">
<img src="./images/love.png" alt="" class="love">
<div class="nickLeft">虛位以待</div>
<div class="nickRight">虛位以待</div>
<div class="score">0</div>
</li>
</ul>
</div>
</div>
<!-- 活動規則彈窗 -->
<div class="rule">
<div class="rule_in">
<div class="tab">
<div class="tab1 act1"></div>
<div class="tab2"></div>
</div>
<div class="box">
<img src="./images/rule1.png" alt="" class="img1">
<img src="./images/rule2.png" alt="" class="img2">
</div>
</div>
</div>
<!-- 活動結束彈窗 -->
<div class="end">
<div class="end_in">
<img src="./images/endBut.png" alt="" class="but">
</div>
</div>
<!-- 兌換記錄彈窗 -->
<div class="records">
<div class="records_in">
<div class="title">
<div>兌換時間</div>
<div>商品</div>
</div>
<ul>
<li>
<div>
<p>2024/01/22</p>
<b>23:59:59</b>
</div>
<div class="div2">
<p>禮物名稱</p>
<b>XX天</b>
</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/route-constant.js"></script>
<script src="./js/index.js?v=1.2"></script>

View File

@@ -0,0 +1,377 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
var langReplace;
var localLang;
// 封裝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 listMoreBool = true;
var taskValue = null;
var isLock = true;
var page = 1;
// 初始化函數
$(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)
}
})
getCurrency();
activityCodeInfo();
}, 100)
})
// 配置接口
function getCurrency() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/act/hotLove/currency',
data: { redisKey: 'act_user_task_extra_data' },
success(res) {
if (res.code === 200) {
taskValue = res.data;
$('.page1 .page1Box4 .left').text(res.data);
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/act/hotLove/rewardList',
data: { activityCode: 'ACT_2024_HOT_LOVE', componentCode: "RE_LIAN_SHANG_DIAN" },
success(res) {
if (res.code === 200) {
res.data.forEach((res, i) => {
if (res.stockValue <= 0) {
$(`.page1 .page1Box4 .convert${i + 1}`).attr("src", './images/convertOut.png');
$(`.page1 .page1Box4 .convert${i + 1}`).attr("click", 0);
} else if (taskValue >= res.taskValue) {
$(`.page1 .page1Box4 .convert${i + 1}`).attr("src", './images/convert.png');
$(`.page1 .page1Box4 .convert${i + 1}`).attr("click", 1);
} else {
$(`.page1 .page1Box4 .convert${i + 1}`).attr("src", './images/notConvert.png');
$(`.page1 .page1Box4 .convert${i + 1}`).attr("click", 0);
}
$(`.page1 .page1Box4 .convert${i + 1}`).attr('taskCode', res.taskCode);
$(`.page1 .page1Box4 .convert${i + 1}`).attr('conditionCode', res.conditionCode);
$(`.page1 .page1Box4 .dayLimit${i + 1}`).text(`日限:${res.stockValue}`)
})
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 获取时间接口
function activityCodeInfo() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/info',
data: { activityCode: "ACT_2024_HOT_LOVE" },
success(res) {
if (res.code === 200) {
// 判断活动结束时间
if (res.timestamp > res.data.endTime) {
$('.end').show();
}
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// tab切換
$('.header .tab div').click(function () {
var i = $(this).index() + 1;
$('.header .tab div').removeClass('act1').removeClass('act2');
$(this).addClass(`act${i}`);
$(`.page${i}`).show();
i == 1 ? $('.page2').hide() : $('.page1').hide();
if (i == 2) {
getRank();
}
})
// 榜單接口
function getRank() {
$('.page2 .my ul li').remove();
$('.page2 .notFirst li').remove();
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/act/2024Valentines/cpRank/getRank',
data: { pageSize: 30 },
success(res) {
if (res.code === 200) {
var first = res.data.rankList.slice(0, 1);
var notFirst = res.data.rankList.slice(1);
// 處理第一名
if (first.length < 1) {
let arr = new Array(3 - first.length).fill({
leftAvatar: './images/logo.png',
rightAvatar: './images/logo.png',
leftNick: '虛位以待',
rightNick: '虛位以待',
score: "0"
})
first.push(...arr)
}
first.forEach(res => {
$('.page2 .first .left_tx').attr('src', res.leftAvatar);
$('.page2 .first .right_tx').attr('src', res.rightAvatar);
$('.page2 .first .leftNick').text(res.leftNick)
$('.page2 .first .rightNick').text(res.rightNick)
$('.page2 .first .score').text(unitProcessing(res.score, 10000, 1, 'w'))
})
// 處理非第一名
var str = '';
notFirst.forEach((res, i) => {
str += `
<li>
<div class="num">${res.ranking}</div>
<img src="${res.leftAvatar}" alt="" class="left_tx">
<img src="${res.rightAvatar}" alt="" class="right_tx">
<img src="./images/love.png" alt="" class="love">
<div class="nickLeft">${res.leftNick}</div>
<div class="nickRight">${res.rightNick}</div>
<div class="score">${unitProcessing(res.score, 10000, 1, 'w')}</div>
</li>`
})
$('.page2 .notFirst').append(str);
// 處理自己
var strMy = '';
if (res.data.meRankList.length <= 0) {
$('.page2 .my .more').hide();
strMy += `<li class="null">暫無組合~</li>`
} else {
$('.page2 .my .more').show();
res.data.meRankList.forEach((res, i) => {
strMy += `
<li>
<div class="num">${res.ranking == 0 ? '30+' : res.ranking}</div>
<img src="${res.leftAvatar}" alt="" class="left_tx">
<img src="${res.rightAvatar}" alt="" class="right_tx">
<img src="./images/love.png" alt="" class="love">
<div class="nickLeft">${res.leftNick}</div>
<div class="nickRight">${res.rightNick}</div>
<div class="score">${unitProcessing(res.score, 10000, 1, 'w')}</div>
</li>
`
})
}
$('.page2 .my ul').append(strMy)
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 榜單查看更多按鈕
$('.page2 .my .more').click(function () {
if (listMoreBool) {
$('.page2 .my').css({ "height": '7.76rem', "background": "url(./images/my2.png) no-repeat", "background-size": "100% 100%" });
$('.page2 .my .more').css({ "transform": "rotate(180deg)" });
$('.page2 .my ul').css({ "height": "6.4rem", "overflow-y": "scroll" });
bodyScroolFun(true);
} else {
$('.page2 .my').css({ "height": '3.16rem', "background": "url(./images/my.png) no-repeat", "background-size": "100% 100%" });
$('.page2 .my .more').css({ "transform": "rotate(0deg)" });
$('.page2 .my ul').css({ "height": "1.82667rem", "overflow-y": "hidden" });
bodyScroolFun(false);
}
$('.page2 .my ul').scrollTop(0);
listMoreBool = !listMoreBool;
})
// 活動規則切換
$('.rule .rule_in .tab div').click(function () {
var i = $(this).index() + 1;
$('.rule .rule_in .tab div').removeClass('act1').removeClass('act2');
$(this).addClass(`act${i}`);
// $(`.rule .rule_in .box img`).attr('src', `./images/rule${i}.png`);
$(`.rule .rule_in .box .img1,.rule .rule_in .box .img2`).hide();
$(`.rule .rule_in .box .img${i}`).show();
i == 1 ? $('.rule .rule_in .box').removeClass('box2') : $('.rule .rule_in .box').addClass('box2');
return false;
})
// 打開活動規則
$('.header .rule_icon').click(function () {
$('.rule').show();
bodyScroolFun(true);
})
// 關閉活動規則
$('.rule').click(function () {
$('.rule').hide();
bodyScroolFun(false);
})
// 關閉活動結束
$('.end .but').click(function () {
$('.end').hide();
bodyScroolFun(false);
$('.header .tab div').removeClass('act1').removeClass('act2');
$('.header .tab .tab2').addClass(`act${2}`);
$(`.page${2}`).show();
$('.page1').hide();
getRank();
})
// 打開記錄彈窗
$('.page1 .page1Box4 .right').click(function () {
$('.records .records_in ul li').remove();
isLock = true;
page = 1;
record(page);
bodyScroolFun(true);
})
// 關閉記錄彈窗
$('.records').click(function () {
$('.records').hide();
bodyScroolFun(false);
})
// 兌換按鈕
$('.page1 .page1Box4 .convert').click(function () {
var taskcode = $(this).attr('taskcode');
var conditionCode = $(this).attr('conditionCode');
var bool = $(this).attr('click');
if (bool == 1) {
exchange(taskcode, conditionCode);
}
})
// 兌換接口
function exchange(taskCode, conditionCode) {
showLoading()
networkRequest({
type: 'post',
url: urlPrefix + '/act/hotLove/exchange',
data: { taskCode, activityCode: 'ACT_2024_HOT_LOVE', conditionCode, },
success(res) {
if (res.code === 200) {
getCurrency();
toastMsg('兌換成功')
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 兌換記錄滾動
$('.records .records_in ul').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.records .records_in ul')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock) {
// 請求下一頁
page++;
record(page)
isLock = false;
}
}
})
// 記錄接口
function record(pageNum) {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/task/user/record/page',
data: { activityCode: 'ACT_2024_HOT_LOVE', componentCode: 'RE_LIAN_SHANG_DIAN', pageNum, pageSize: 10 },
success(res) {
if (res.code === 200) {
var str = '';
if (res.data.records.length <= 0 && pageNum == 1) {
str += `<li class="null"><div class="nulls">暫無</div><div class="nulls">暫無</div></li>`
isLock = false;
} else {
res.data.records.forEach(res => {
str += `
<li>
<div>
<p>${dateFormat(res.createTime, "yyyy/MM/dd")}</p>
<b>${dateFormat(res.createTime, "hh/mm/ss")}</b>
</div>
<div class="div2">
<p>${res.rewardName}</p>
<b>${res.rewardNum}${rewardTypeFun(res.rewardType).unit}</b>
</div>
</li>
`})
}
$('.records .records_in ul').append(str);
$('.records').show();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}

View File

@@ -51,7 +51,7 @@ body {
.header .rule_rule {
width: 2rem;
height: 0.77333rem;
line-height: 0.77333rem;
line-height: 0.8rem;
font-size: 0.34667rem;
font-weight: bold;
position: absolute;
@@ -62,7 +62,8 @@ body {
padding-right: 0.13333rem;
font-family: PingFang SC;
text-align: center;
text-indent: 5px;
text-indent: 0.3rem;
box-sizing: border-box;
}
.header .text {
@@ -1028,3 +1029,16 @@ body {
.arabic .bg .rule .rule2 .table1_3_div {
font-size: 0.13333rem;
}
.toatstsEnd {
padding: 0.26667rem 0.4rem;
text-align: center;
color: #fff;
font-size: 0.32rem;
position: fixed;
z-index: 99999;
background: rgba(0, 0, 0, 0.8);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

View File

@@ -56,7 +56,7 @@ body {
.rule_rule {
width: 2rem;
height: 0.77333rem;
line-height: 0.77333rem;
line-height: 0.8rem;
font-size: px2rem(26);
font-weight: bold;
position: absolute;
@@ -67,7 +67,8 @@ body {
padding-right: px2rem(10);
font-family: PingFang SC;
text-align: center;
text-indent: 5px;
text-indent: 0.3rem;
box-sizing: border-box;
}
.text {
@@ -1053,4 +1054,16 @@ body {
.bg .rule .rule2 .table1_3_div{
font-size: px2rem(10);
}
}
.toatstsEnd{
padding: px2rem(20) px2rem(30);
text-align: center;
color: #fff;
font-size: px2rem(24);
position: fixed;
z-index: 99999;
background: rgba(0,0,0,.8);
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 688 KiB

After

Width:  |  Height:  |  Size: 610 KiB

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