Compare commits

..

81 Commits

Author SHA1 Message Date
Dragon
87ad5d1ca0 厨房:优化开奖结果ui 2022-12-15 14:39:03 +08:00
Dragon
64bc8ecca3 厨房:缓存处理 2022-12-15 11:52:23 +08:00
Dragon
08878f70a5 解决超时中断报错 2022-12-15 10:39:23 +08:00
Dragon
2426a62bd1 增加网络超时提醒 2022-12-14 17:25:13 +08:00
Dragon
0aead5a909 优化厨房下单 2022-12-14 16:53:38 +08:00
qf
1e2beb8c74 星级厨房:榜单改为只展示前20位 2022-12-12 18:47:59 +08:00
qf
5db592946c 星际厨房:删除‘今日奖励’字段 2022-12-12 18:15:27 +08:00
qf
cbe898e693 星级厨房:榜单增加跳转主页,我的钻石展示十位数宽 2022-12-12 17:55:53 +08:00
qf
d1679499bb 星级厨房:+按钮修改为跳转充值页 2022-12-10 18:26:31 +08:00
qf
dc17fc4cf4 星级厨房:点击跳转用户主页无效修改 2022-12-10 10:46:46 +08:00
qf
547da1b89f 星级厨房:修改开奖页面 2022-12-09 19:36:06 +08:00
qf
02259cd986 星级厨房:发送抽奖接口数据类型修改 2022-12-08 18:45:14 +08:00
Dragon
4bd9748f23 t check push
636bb25糖果树:新增网络延时
2022-12-08 17:16:36 +08:00
qf
790b0912e5 星级厨房:修改用户抽奖接口参数格式,新增50轮中奖结果页,优化游戏记录 2022-12-08 17:12:17 +08:00
Dragon
6ee971dfdd 延迟请求秒数 2022-12-08 11:52:14 +08:00
qf
669251e0f4 ios修改星级厨房、小精灵、寻爱之旅充值入口方法名 2022-12-06 16:10:48 +08:00
qf
56da89a4e7 星级厨房、小精灵、寻爱之旅充值入口参数修改 2022-12-06 15:47:55 +08:00
qf
b46317db73 点击充值埋点,不需要支付成功 2022-12-06 15:42:36 +08:00
qf
372f31e0e6 星级厨房、寻找小精灵、寻爱之旅充值埋点 2022-12-06 15:18:50 +08:00
qf
a3e18859a9 星级厨房:更改厨房档位 2022-12-03 20:11:45 +08:00
Dragon
a1c38bb949 解决注册页面倒计时点击完之后无法再次倒计时问题 2022-12-02 16:36:05 +08:00
Dragon
792789d08e 解决倒计时显示异常 2022-12-02 16:06:59 +08:00
Dragon
e4ebd55369 1.3.0:优化peko注册页面 2022-12-01 10:23:19 +08:00
Dragon
17015bf6a6 解决冲突 2022-11-28 18:21:45 +08:00
Dragon
780a48b484 完成h5注册页面 2022-11-28 18:10:21 +08:00
Dragon
0058776cbb 小精灵:解决小精灵文案重叠 2022-11-24 15:58:36 +08:00
Dragon
304a7384d6 1.3.0:新增提现记录 2022-11-18 18:01:36 +08:00
qf
56efa16758 充值pc端记录用户选择地区 2022-11-17 17:42:03 +08:00
qf
87ef3364b4 ios判断内核下载 2022-11-17 16:20:59 +08:00
qf
f8937a1724 官网修改储值按钮位置 2022-11-16 22:56:55 +08:00
qf
58b5e91331 替换官网apk下载链接 2022-11-16 15:35:43 +08:00
qf
3920d26636 peko官网增加下载链接,充值弹窗点击蒙层可关闭 2022-11-16 11:35:07 +08:00
Dragon
8f3722bbc3 解决工会周榜无法跳转族长主页问题 2022-11-16 10:21:53 +08:00
Dragon
904e85a3db 1.3.0 三方充值返回默认选中&跳转个人信息页 2022-11-14 17:17:27 +08:00
qf
632b462a38 修改peko官网图片大小写 2022-11-14 15:51:00 +08:00
qf
0514840180 新增充值pc页面, 官网 2022-11-14 10:27:24 +08:00
Dragon
55f0549f21 账单:解决礼物获得账单报错问题 2022-11-07 10:49:16 +08:00
Dragon
457a454002 账单:解决支出错误显示异常问题 2022-11-04 10:56:48 +08:00
Dragon
2800942cc0 账单:新增房间、私聊、转赠礼物途径记录逻辑; 2022-11-01 17:10:30 +08:00
Dragon
4a6cd42bab 账单:新增礼物获得收入逻辑 2022-11-01 11:30:37 +08:00
Dragon
c0a994f575 分享房间:解决ios无法跳转房间问题 2022-10-28 16:21:36 +08:00
Dragon
6cefef77bb 解决小精灵和星级厨房跳转充值方式 2022-10-28 14:33:03 +08:00
Dragon
05fdc0e71e 小精灵:修复中级高级支付错误和选择异常问题,星际厨房新增今日奖励和我的钻石展示 2022-10-27 19:03:37 +08:00
Dragon
a3c3513feb 修改客服号 2022-10-27 14:38:47 +08:00
Dragon
3473527a91 三方支付解决app内打开充值样式问题 2022-10-26 17:29:46 +08:00
Dragon
69664170d7 修改关键字 2022-10-26 15:42:11 +08:00
Dragon
ab899852e9 三方充值:新增兼容APP内外充值;修复小精灵以及星际厨房问题 2022-10-26 14:29:45 +08:00
Dragon
0572376ae1 寻爱之旅:去除随机关键字;新增账号注销繁体化 2022-10-26 09:48:10 +08:00
Dragon
d5028ad96f 星际厨娘:修改规则 2022-10-25 17:28:39 +08:00
Dragon
bb31bee2dc 寻爱之旅:修改规则 2022-10-25 14:57:20 +08:00
Dragon
578c4313a6 寻找小精灵:解决获奖记录显示错误问题 2022-10-25 14:46:16 +08:00
Dragon
ba3d0a311e 小精灵去除选择头饰逻辑,修改糖果树规则,修复星际厨娘游戏记录错误问题 2022-10-24 17:52:43 +08:00
Dragon
8acea47655 解决游戏记录异常问题 2022-10-22 21:20:39 +08:00
Dragon
13332d3e3b 解决星际厨娘中奖undefined问题 2022-10-22 20:25:46 +08:00
Dragon
56836bd464 解决星际厨娘跳转充值失败问题 2022-10-22 20:17:07 +08:00
Dragon
036cf927fd 解决星际厨娘打不开页面问题 2022-10-22 20:13:51 +08:00
Dragon
82c4c3da83 修改星级厨娘 2022-10-22 20:09:22 +08:00
Dragon
5efe96798b 新增账单类型 2022-10-22 16:21:19 +08:00
Dragon
b5867bd656 解决星级厨房遗漏繁,修改钻字段 2022-10-22 15:17:26 +08:00
Dragon
912001b6cd 修改糖果树关键字,新增三方充值接口参数 2022-10-21 18:12:53 +08:00
Dragon
54c969d802 账单新增小精灵,处理邀请好友没有繁体 2022-10-21 12:49:56 +08:00
Dragon
b764700616 修复繁体遗漏,替换小精灵头饰 2022-10-21 10:33:39 +08:00
Dragon
6e4343246f 修改房间分享logo 2022-10-20 18:49:02 +08:00
Dragon
132a280c28 完成糖果树以及星级厨房 2022-10-20 18:45:53 +08:00
Dragon
6c0ef48480 完成邀请好友页面,联调第三方充值,迁移星级厨房页面 2022-10-20 16:30:05 +08:00
Dragon
5e6492cde1 修复糖果记录报错,修改分享房间参数 2022-10-19 17:52:08 +08:00
Dragon
d5a677f191 赠送账单相关,贵族介绍显示异常 2022-10-19 16:30:40 +08:00
Dragon
f06130c08b 糖果树活动繁体化;解决分享房间跳转anan问题 2022-10-19 12:04:17 +08:00
Dragon
da573576c3 修改客服关键字、更新新的周星榜 2022-10-18 15:05:09 +08:00
Dragon
c548b5757c 1、上传充值2、完成第三方分享modLink3、替换帮助繁体化 2022-10-17 16:41:32 +08:00
Dragon
48ec04a93d 1.1.0:将深海奇缘改成奇遇森林 2022-10-12 14:17:28 +08:00
Dragon
9c07e08668 peko1.1.0:新增房间分享ios所需参数;优化账礼物获得文案 2022-10-11 18:32:26 +08:00
Dragon
3aca1b83c2 1.1.0:修改我的等级;替换账单关键字;新增三方充值静态页面 2022-10-11 15:40:32 +08:00
Dragon
cf4844e578 账单:新增区分测试环境判断条件 2022-10-10 18:15:59 +08:00
Dragon
1971a13d30 1.0.1:迁移账单 2022-10-10 14:25:35 +08:00
Dragon
dbdfca545a 我的等级:修复测试环境uid异常问题 2022-10-09 17:42:13 +08:00
Dragon
357478d078 peko1.1.0:暂存账单以及常驻活动 2022-10-09 17:41:48 +08:00
Dragon
8d2f327fb0 peko:替换正是域名,新增官网 2022-09-29 16:09:58 +08:00
Dragon
820830e8c0 peko:新增编译标题为繁体 2022-09-28 16:37:21 +08:00
Dragon
2f91db9198 ‘poko:1、新增繁体编译代码2、修改相关政策’ 2022-09-28 12:13:47 +08:00
Dragon
f7dfbaf52e 换皮:新增peko 2022-09-27 15:39:28 +08:00
445 changed files with 1122 additions and 21134 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.

Before

Width:  |  Height:  |  Size: 289 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 479 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 718 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 729 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 161 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 407 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.1 KiB

View File

@@ -1,381 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>情定cp 缔结良缘</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
<link rel="stylesheet" href="./css/index.css?v=1.43">
</head>
<body>
<div class="wrap no-in-app">
<!-- 主视觉 -->
<div class="banner"><img src="./images/main.png" alt=""></div>
<div class="mycp"><img src="./images/btn_cp.png" alt=""></div>
<div class="unread">0</div>
<div class="rule"><img src="./images/btn_rule.png" alt=""></div>
<!-- 情缘信物 -->
<div class="letter-wrap">
<div class="tips">購買並贈送CP信物對方同意締結後即可結成CP<br>送情人節限定禮物和信物都能增加情緣值喲~</div>
<div class="cp_record">CP獎勵記錄</div>
<div class="letter">
<div class="imgbox">
<img src="./images/letter_gift.png" alt="">
</div>
<p>我的信物:<e>0</e></p>
<div class="letter_rule">締結CP後互送情人節限定禮物積攢<br>情緣值即可獲得豐厚特權獎勵~</div>
</div>
<div class="but">
<input type="number" value="1" maxlength="999"
onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<!-- 获取信物按钮 -->
<div class="get_letter">
<img src="./images/get_letter.png" alt="">
</div>
<!-- 特权奖励 -->
<div class="award_title">
<img class="line" src="./images/line_l.png" alt="">
<span>特權獎勵</span>
<img class="line" src="./images/line_r.png" alt="">
</div>
<div class="subheard">達到相應的情緣值即可獲得對應特權獎勵哦~</div>
<div class="award">
<div class="giftbox">
<img src="./images/special1.png" alt="">
<span>一見鐘情</span>
<p>10000情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special2.png" alt="">
<span>情竇初開</span>
<p>52000情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special3.png" alt="">
<span>心心相印</span>
<p>131400情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special4.png" alt="">
<span>緣定今生</span>
<p>334400情緣值</p>
</div>
</div>
</div>
<img class="bling0" src="./images/bling0.png" alt="">
<!-- 礼物轮播 -->
<div class="swiper-title"></div>
<div class="swiper-container swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/slide1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/slide2.png" class="slide2" alt="">
</div>
</div>
<!-- <div class="swiper-pagination swp"></div> -->
</div>
<img class="bling1" src="./images/bling1.png" alt="">
<!-- 送礼得情签 -->
<div class="petition_title"></div>
<div class="petition-wrap">
<div class="myticket">
<span>我的情簽: <e></e></span>
<div class="charge">兌換記錄</div>
</div>
<div class="subheard">贈送情人節限定禮物,送出一個禮物可得對應數量的「幸運情簽」,且可增加CP間的情緣值情簽可兌換特權或抽獎喲~</div>
<div class="chargeTab">
<div class="item itemact">兌換好禮</div>
<div class="item">幸運靚號</div>
</div>
<ul class="gift-wrap">
<li class="li1">
<div class="giftbg">
<img class="mingpai" src="./images/mingpai.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換銘牌</div>
<p><e></e>情签一次</p>
</li>
<li class="li2">
<div class="giftbg">
<img class="gift" src="./images/ziliaoka.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換資料卡</div>
<p><e></e>情签一次</p>
</li>
<li class="li3">
<div class="giftbg">
<img class="gift" src="./images/toushi.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換頭飾</div>
<p><e></e>情签一次</p>
</li>
<li class="li4">
<div class="giftbg">
<img class="gift" src="./images/zuojia.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換座駕</div>
<p><e></e>情签一次</p>
</li>
</ul>
<ul class="number-wrap" style="display: none;">
<li>
<div class="giftbg">
<img class="gift" src="./images/lianghao.png" alt="">
</div>
<span>幸運靚號(52***)1組</span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">抽取靚號</div>
<p><e></e>情签一次</p>
<div class="tips">中獎後請聯系客服領取哦~</div>
</li>
</ul>
</div>
<img class="bling2" src="./images/bling2.png" alt="">
<!-- 榜单 -->
<div class="rank_title"></div>
<div class="rank-wrap">
<!-- 奖励 -->
<img src="./images/rankAward.png" class="reward" alt="">
<!-- 榜单列表 -->
<div class="list">
<div class="no1">
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1">虛位以待</div>
<div class="nick2">虛位以待</div>
<img src="./images/xin.png" class="xin" alt="">
<div class="score">情緣值:<b>0</b></div>
</div>
<ul>
<!-- <li>
<div class="num">2</div>
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1"></div>
<div class="nick2"></div>
<img src="./images/xin.png" class="xin" alt="">
<span>情緣值</span>
<div class="score"></div>
</li>
<li><p>等你來上榜~</p></li> -->
</ul>
</div>
<div class="myRank">
<div class="num">未上榜</div>
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1">暫無cp</div>
<div class="nick2">暫無cp</div>
<img src="./images/myxin.png" class="xin" alt="">
<span>情緣值</span>
<div class="score">0</div>
</div>
</div>
</div>
<!-- 恭喜获得弹窗1,2 -->
<div class="gx">
<div class="gx_in">
<img src="./images/close.png" class="close" alt="">
<ul class="box">
<li>
<div class="bg">
<img src="./images/logo.png" alt="">
</div>
<span></span>
</li>
</ul>
<img src="./images/btn_sure.png" class="sure" alt="">
<div class="tips">奖励将自动发放到装扮中心,快去展示自己吧~</div>
<!-- <div class="tips">*情人节限定5位靓号:52XXXXXX为随机数字一组为2个靓号<br>联系客服领取LINE: pekoyuyin)</div> -->
</div>
</div>
<!-- 我的cp弹窗 -->
<div class="mycpBox">
<div class="mycp_in">
<img src="./images/close.png" class="close" alt="">
<div class="tishi">*CP一旦結成不可取消</div>
<p>
<span>我的CP</span>
<span>情缘值</span>
<span>状态</span>
</p>
<ul class="box">
<li>
<b>CP1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="pass">已缔结</span>
</li>
<li>
<b>CP1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="waitpass" inviterUid="2346">可通过</span>
</li>
<li>
<b>Cp1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="canpass">待通过</span>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- cp奖励记录弹窗 -->
<div class="cpRecordBox">
<div class="cpRecord_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>我的CP</span>
<span>情缘等级</span>
<span>奖励</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>CP1的昵称...</b>
<b>缘定今生</b>
<b class="jiangli">XXX座驾1天*1组</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 情签抽奖记录弹窗 -->
<div class="drawBox">
<div class="draw_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>消耗情签</span>
<span>奖励</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>38</b>
<b class="number">幸运靓号1组</b>
</li>
<li>
<b>08.31 <e>23:23</e></b>
<b>38</b>
<b class="number">未中奖</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 情签兑换记录弹窗 -->
<div class="exchangeBox">
<div class="exchange_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>消耗情签</span>
<span>奖励</span>
<span>奖励天数</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>28</b>
<b>缘定今生</b>
<b>1天</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 规则弹窗 -->
<div class="ruleBox">
<div class="rule_in">
<img src="./images/close.png" class="close" alt="">
<div class="box">
<img src="./images/rule.png" alt="">
</div>
</div>
</div>
<!-- 榜單獎勵 -->
<div class="rewardBox">
<div class="reward_in">
<img src="./images/close.png" class="close" alt="">
<div class="box">
<img src="./images/cpAward.png" alt="">
</div>
</div>
</div>
<!-- 温馨提示 -->
<div class="tishiBox">
<div class="tishi_in">
<div class="title">鉆石不足,請充值後再來獲取信物吧~</div>
<img src="./images/to_charge.png" class="recharge" alt="">
<img src="./images/close.png" class="close" alt="">
</div>
</div>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js?v=1.43"></script>
</body>
</html>

View File

@@ -1,876 +0,0 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg',
offset: 'b'
})
}
if (false) {//!browser.app
toastMsg('請在app內打開');
} else {
$('.wrap').removeClass('no-in-app')
}
var nowTime = new Date().getTime()
var startTime
var endTime
var canGet = true
$(function () {
getInfoFromClient()
setTimeout(function () {
getLetterInit()
getPetitionInit()
cpOffset()
getRank()
swiperFun()
}, 100)
})
// 礼物轮播
function swiperFun() {
var swiper = new Swiper('.swiper', {
autoplay: {
delay: 2000,//2秒切换一次
},
// loop: true, // 循环模式选项
direction: 'horizontal',
});
}
// 获取信物配置
function getLetterInit() {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/getKeepsakeConfig',
success(res) {
if (res.code === 200) {
startTime = res.data.startTime;
endTime = res.data.endTime;
$('.letter-wrap .letter .imgbox img').attr('src', res.data.keepsake.icon)
$('.letter-wrap .letter p e').text(res.data.keepsakeNum)
$('.letter-wrap .get_letter').attr('id', res.data.keepsake.id)
$('.letter-wrap .get_letter').attr('type', res.data.keepsake.type)
if (nowTime >= res.data.endTime) {
$('.letter-wrap .get_letter').css('filter', 'grayscale(0.7)')
}
hideLoading(layerIndex)
} else {
toastMsg(res.message)
hideLoading(layerIndex)
}
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 获取兑换/抽奖配置
function getPetitionInit() {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/getPropItemConfig',
success(res) {
if (res.code === 200) {
$('.petition-wrap .myticket span e').html(res.data.cpCurrency)
let numberList = res.data.propTabs.find(item => {
return item.type == 2
})
let chargeList = res.data.propTabs.find(item => {
return item.type == 1
})
chargeList.props.forEach((res, i) => {
$(`.petition-wrap .gift-wrap .li${i + 1} .giftbg img`).attr('src', res.icon)
$(`.petition-wrap .gift-wrap .li${i + 1} span`).html(res.name)
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).attr('id', res.id)
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).attr('type', res.type)
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).html(res.type == 2 ? '兌換銘牌' : res.type == 3 ? '兌換資料卡' : res.type == 4 ? '兌換頭飾' : '兌換座駕')
$(`.petition-wrap .gift-wrap .li${i + 1} p e`).html(res.price)
})
numberList.props.forEach(res => {
$('.petition-wrap .number-wrap .giftbg img').attr('src', res.icon)
$('.petition-wrap .number-wrap span').html(res.name)
$('.petition-wrap .number-wrap .btn').attr('id', res.id)
$('.petition-wrap .number-wrap .btn').attr('type', res.type)
$('.petition-wrap .number-wrap p e').html(res.price)
})
hideLoading(layerIndex)
} else {
toastMsg(res.message)
hideLoading(layerIndex)
}
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 我的cp未读数
function cpOffset() {
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/cpOffset',
success(res) {
if (res.code === 200) {
if (res.data > 9) {
$('.wrap .unread').html('9+')
} else if (res.data == 0) {
$('.wrap .unread').hide()
} else {
$('.wrap .unread').html(res.data)
}
} else {
toastMsg(res.message)
}
},
error(err) {
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 我的cp列表
function myCpList() {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/cpList',
success(res) {
if (res.code === 200) {
let cpList = ''
if (res.data == 0 || !res.data) {
$('.mycpBox .mycp_in .tips').show()
} else {
res.data.forEach(res => {
cpList += `
<li>
<b>${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</b>
<b class="cpValue">${res.cpValue}</b>
<span inviterUid="${res.uid}" class='${res.status == 0 ? "canpass" : res.status == 1 ? "waitpass" : "pass"}'>${res.status == 0 ? "待通過" : res.status == 1 ? "可通過" : "已締結"}</span>
</li>
`
})
$('.mycpBox .mycp_in ul').append(cpList)
}
$('.mycpBox').show();
$('.mycpBox .mycp_in .box li').off()
$('.mycpBox .mycp_in .box li').on("click", '.waitpass', function () {
let index = $(this).parents().index()
let inviterUid = $(this).attr('inviterUid')
confirmCp(inviterUid, index)
})
hideLoading(layerIndex)
} else {
toastMsg(res.message)
hideLoading(layerIndex)
}
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 通过cp缔结
function confirmCp(inviterUid, index) {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/confirmCp',
data: { inviterUid },
success(res) {
if (res.code === 200) {
$('.mycpBox .mycp_in .box li').eq(index).find('span').addClass('pass')
$('.mycpBox .mycp_in .box li').eq(index).find('span').removeClass('waitpass')
$('.mycpBox .mycp_in .box li').eq(index).find('span').html('已締結')
toastMsg('締結成功快去增加和TA的情緣值吧~')
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
toastMsg('網絡錯誤,請退出重進')
hideLoading(layerIndex)
}
})
}
// cp奖励记录
var cpRecordPage = 1
var cpRecordScroll = true
function cpRewardRecord(cpRecordPage) {
cpRecordScroll = false;
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/pageCpRewardRecord',
data: { page: cpRecordPage, pageSize: 10 },
success(res) {
if (res.code === 200) {
if (res.data.records.length > 0) {
let str = ``;
res.data.records.forEach((res, i) => {
str += `
<li>
<b>${res.dateTime}</b>
<b>${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</b>
<b>${res.levelDesc}</b>
<b class="jiangli">${res.rewardDesc}</b>
</li>
`
});
$('.cpRecordBox .cpRecord_in .box').append(str);
cpRecordScroll = true;
} else {
cpRecordScroll = false;
$('.cpRecordBox .cpRecord_in .tips').show();
}
$('.cpRecordBox').show();
hideLoading(layerIndex)
} else {
cpRecordScroll = true;
bodyScroolFun(false)
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error(err) {
cpRecordScroll = true;
bodyScroolFun(false)
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 获取兑换/抽奖记录
var drawPage = 1
var drawScroll = true
function getDrawRecord(drawPage, tab) {
drawScroll = false;
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/pageRecord',
data: { page: drawPage, pageSize: 10, tab },
success(res) {
if (res.code === 200) {
if (res.data.records.length > 0) {
let str = ``;
if (tab == 1) {
res.data.records.forEach((res, i) => {
str += `
<li>
<b>${res.dateTime}</b>
<b>${res.cost}</b>
<b>${res.rewardDesc}</b>
<b>${res.rewardDays}天</b>
</li>
`
});
$('.exchangeBox .exchange_in .box').append(str);
$('.exchangeBox').show();
} else {
res.data.records.forEach((res, i) => {
str += `
<li>
<b>${res.dateTime}</b>
<b>${res.cost}</b>
<b>${res.rewardDesc}</b>
</li>
`
});
$('.drawBox .draw_in .box').append(str);
$('.drawBox').show();
}
drawScroll = true;
} else {
drawScroll = false;
if (tab == 1) {
$('.exchangeBox .exchange_in .tips').show();
$('.exchangeBox').show();
} else {
$('.drawBox .draw_in .tips').show();
$('.drawBox').show();
}
}
hideLoading(layerIndex)
} else {
drawScroll = true;
bodyScroolFun(false)
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error(err) {
drawScroll = true;
bodyScroolFun(false)
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 购买信物、兑换、抽奖 (道具id,数量)
function buy(id, num, type) {
showLoading()
networkRequest({
type: 'POST',
url: urlPrefix + '/act/valentineCp/buy',
data: { id, num },
success(res) {
if (res.code === 200) {
if (res.data.prop) {
if (res.data.prop.type == 1) {
$('.letter-wrap .letter p e').html(res.data.remain)
toastMsg('購買成功信物已放進背包快送給你心儀的TA吧~')
canGet = true
} else if (res.data.prop.type == 6) {
$('.petition-wrap .myticket span e').html(res.data.remain)
$('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
$('.gx .gx_in .box li span').html( res.data.prop.name)
$('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXXXXX為隨機數字一組為2個靚號<br>聯系客服領取LINE: pekoyuyin)`)
$('.gx').show()
} else {
// if (res.data.prop.type == 2){
// $('.gx .gx_in .box li img').addClass('mingpai')
// }else {
// $('.gx .gx_in .box li img').removeClass('mingpai')
// }
$('.petition-wrap .myticket span e').html(res.data.remain)
$('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
$('.gx .gx_in .box li span').html(res.data.prop.name)
$('.gx .gx_in .tips').html(`獎勵將自動發放到裝扮中心,快去展示自己吧~`)
$('.gx').show()
}
} else {
if (type == 6) {
toastMsg('很遺憾沒有抽到,距離靚號就差一點啦~')
$('.petition-wrap .myticket span e').html(res.data.remain)
} else if(type == 1,type == 3,type == 4,type == 5){
$('.petition-wrap .myticket span e').html(res.data.remain)
}else{
$('.letter-wrap .letter p e').html(res.data.remain)
toastMsg(res.message)
}
canGet = true
}
hideLoading(layerIndex)
} else if (res.code == 31005) {
$('.tishiBox').show()
canGet = true
hideLoading(layerIndex)
} else {
toastMsg(res.message)
canGet = true
hideLoading(layerIndex)
}
},
error(err) {
canGet = true
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 榜单接口
function getRank() {
$('.rank-wrap .list ul li').remove();
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/getRank',
success(res) {
if (res.code === 200) {
// 前一
var top1 = res.data.rankList.slice(0, 1);
var notTop1 = res.data.rankList.slice(1);
if (top1.length < 1) {
let arr = new Array(1 - top1.length).fill({
inviterAvatar: './images/logo.png',
inviterNick: '虛位以待',
cpValue: 0,
inviteeAvatar: './images/logo.png',
inviteeNick: '虛位以待',
})
top1.push(...arr)
}
top1.forEach((res, index) => {
$(`.rank-wrap .list .no${index + 1} .txbox1 img`).attr('src', res.inviterAvatar);
$(`.rank-wrap .list .no${index + 1} .txbox1`).attr('uid', res.inviterUid);
$(`.rank-wrap .list .no${index + 1} .nick1`).html(res.inviterNick.length > 5 ? res.inviterNick.slice(0, 5) + '...' : res.inviterNick);
$(`.rank-wrap .list .no${index + 1} .txbox2 img`).attr('src', res.inviteeAvatar);
$(`.rank-wrap .list .no${index + 1} .txbox2`).attr('uid', res.inviteeUid);
$(`.rank-wrap .list .no${index + 1} .nick2`).html(res.inviteeNick.length > 5 ? res.inviteeNick.slice(0, 5) + '...' : res.inviteeNick);
$(`.rank-wrap .list .no${index + 1} .score b`).html(`${res.cpValue > 10000 ? (Math.floor(res.cpValue / 1000) / 10).toFixed(1) + 'w' : res.cpValue}`);
});
// 非前
let str = ``;
notTop1.forEach((res, i) => {
str += `
<li>
<div class="num">${res.ranking}</div>
<div class="txbox1" uid="${res.inviterUid}">
<img src="${res.inviterAvatar}" uid="${res.inviterUid}" class="tx" alt="">
</div>
<div class="txbox2" uid="${res.inviteeUid}">
<img src="${res.inviteeAvatar}" uid="${res.inviteeUid}" class="tx" alt="">
</div>
<div class="nick1">${res.inviterNick.length > 5 ? res.inviterNick.slice(0, 5) + '...' : res.inviterNick}</div>
<div class="nick2">${res.inviteeNick.length > 5 ? res.inviteeNick.slice(0, 5) + '...' : res.inviteeNick}</div>
<img src="./images/xin.png" class="xin" alt="">
<span>情緣值</span>
<div class="score">${res.cpValue > 10000 ? (Math.floor(res.cpValue / 1000) / 10).toFixed(1) + 'w' : res.cpValue}</div>
</li>
`
})
$('.rank-wrap .list ul').append(str);
if (notTop1.length < 9) {
$('.rank-wrap .list ul li').eq(notTop1.length - 1).after(`<li><p>等你來上榜~</p></li>`)
}
if (notTop1.length == 0) {
$('.rank-wrap .list ul').append(`<li><p>等你來上榜~</p></li>`)
}
$('.rank-wrap .list ul li').on('click', '.txbox1,.txbox2', function () {
console.log(123456);
let uid = $(this).attr('uid')
console.log(uid);
if (uid) {
openPerson(uid)
}
})
// 自己排名
if (res.data.meRank) {
if (res.data.meRank.ranking == 0) {
$('.rank-wrap .myRank .num').removeClass('norank')
} else {
$('.rank-wrap .myRank .num').addClass('norank')
}
$('.rank-wrap .myRank .num').html(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
$('.rank-wrap .myRank .txbox1 img').attr('src', res.data.meRank.inviterAvatar);
$('.rank-wrap .myRank .txbox2 img').attr('src', res.data.meRank.inviteeAvatar);
$('.rank-wrap .myRank .nick1').text(res.data.meRank.inviterNick.length > 5 ? res.data.meRank.inviterNick.slice(0, 5) + '...' : res.data.meRank.inviterNick)
if(res.data.meRank.inviteeNick){
$('.rank-wrap .myRank .nick2').text(res.data.meRank.inviteeNick.length > 5 ? res.data.meRank.inviteeNick.slice(0, 5) + '...' : res.data.meRank.inviteeNick)
}
$('.rank-wrap .myRank .score').html(`${res.data.meRank.cpValue > 10000 ? (Math.floor(res.data.meRank.cpValue / 1000) / 10).toFixed(1) + 'w' : res.data.meRank.cpValue}`);
}
hideLoading(layerIndex)
} else {
toastMsg(res.message)
hideLoading(layerIndex)
}
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 埋点接口
// event去充值=pay_show, 活动规则=rule_click, 排行榜奖励=list_click, 跳转个人主页=pages_click
function sendLog(event) {
networkRequest({
type: 'POST',
url: urlPrefix + '/act/valentineCp/log',
data: { event: event },
success(res) {
if (res.code === 200) {
// console.log(res);
}
},
error(err) {
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 点击跳转个人主页
$('.rank-wrap .list .no1 .tx').click(function () {
let uid = $(this).parent().attr('uid')
if (uid) {
openPerson(uid)
}
})
// 情缘信物投入+
$('.letter-wrap .but .add').click(function () {
let val = $('.letter-wrap .but input').val();
if (val >= 999) {
toastMsg('最多可輸入999')
$('.letter-wrap .but input').val(parseInt(999))
} else {
$('.letter-wrap .but input').val(parseInt(val) + 1)
}
})
// 情缘信物投入-
$('.letter-wrap .but .cut').click(function () {
let val = $('.letter-wrap .but input').val();
if (val <= 1) {
toastMsg('至少投入1')
$('.letter-wrap .but input').val(parseInt(1))
} else {
$('.letter-wrap .but input').val(parseInt(val) - 1)
}
})
// 情缘信物监听输入框
$('.letter-wrap .but').on('input', 'input', function () {
if ($(this).val() >= 999) {
toastMsg('最多可輸入999')
$('.letter-wrap .but input').val(parseInt(999))
} else if ($(this).val() <= 1) {
toastMsg('至少投入1')
$('.letter-wrap .but input').val(parseInt(1))
}
})
// 购买情缘信物按钮
$('.letter-wrap .get_letter').click(function () {
if (nowTime >= endTime) {
toastMsg('活動已結束~')
} else if (nowTime <= startTime) {
toastMsg('活動未開始~')
} else {
let id = $(this).attr('id')
let type = $(this).attr('type')
let num = $('.letter-wrap .but input').val()
if (num == 0) {
toastMsg('至少投入1')
return
}
if (canGet) {
console.log('id:', id, 'num:', num);
buy(id, num, type)
} else {
toastMsg('信物獲取中,請稍後~')
}
}
})
// 兑换好礼按钮输入框
// 投入+
$('.petition-wrap .gift-wrap li .but .add').click(function () {
let liIndex = $(this).parents('li').index()
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
if (val >= 999) {
toastMsg('最多可輸入999')
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(999))
} else {
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(val) + 1)
}
})
// 投入-
$('.petition-wrap .gift-wrap li .but .cut').click(function () {
let liIndex = $(this).parents('li').index()
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
if (val <= 1) {
toastMsg('至少投入1')
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(1))
} else {
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(val) - 1)
}
})
// 监听输入框
$('.petition-wrap .gift-wrap li').on('input', 'input', function () {
let liIndex = $(this).parents('li').index()
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
if (val >= 999) {
toastMsg('最多可輸入999')
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(999))
} else if (val <= 1) {
toastMsg('至少投入1')
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(1))
}
})
// 兑换按钮
$('.petition-wrap .gift-wrap li .btn').click(function () {
let liIndex = $(this).parents('li').index()
let num = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
let id = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.btn').attr('id');
let type = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.btn').attr('type');
buy(id, num, type)
})
// 靓号按钮输入框
// 投入+
$('.petition-wrap .number-wrap .but .add').click(function () {
let val = $('.petition-wrap .number-wrap .but input').val();
if (val >= 999) {
toastMsg('最多可輸入999')
$('.petition-wrap .number-wrap .but input').val(parseInt(999))
} else {
$('.petition-wrap .number-wrap .but input').val(parseInt(val) + 1)
}
})
// 投入-
$('.petition-wrap .number-wrap .but .cut').click(function () {
let val = $('.petition-wrap .number-wrap .but input').val();
if (val <= 1) {
toastMsg('至少投入1')
$('.petition-wrap .number-wrap .but input').val(parseInt(1))
} else {
$('.petition-wrap .number-wrap .but input').val(parseInt(val) - 1)
}
})
// 监听输入框
$('.petition-wrap .number-wrap .but').on('input', 'input', function () {
if ($(this).val() >= 999) {
toastMsg('最多可輸入999')
$('.petition-wrap .number-wrap .but input').val(parseInt(999))
} else if ($(this).val() <= 1) {
toastMsg('至少投入1')
$('.petition-wrap .number-wrap .but input').val(parseInt(1))
}
})
// 抽取靓号
$('.petition-wrap .number-wrap .btn').click(function () {
let id = $(this).attr('id');
let type = $(this).attr('type');
let num = $('.petition-wrap .number-wrap .but input').val();
buy(id, num, type)
})
// 关闭恭喜获得弹窗
$('.gx .gx_in .sure,.close').click(function () {
$('.gx').hide()
})
// 我的cp弹窗
$('.mycp').click(function () {
bodyScroolFun(true)
$('.mycpBox .mycp_in ul li').remove()
$('.mycpBox .mycp_in .box .tips').hide()
myCpList()
})
$('.mycpBox .close').click(function () {
bodyScroolFun(false)
cpOffset()
$('.mycpBox').hide();
})
// 监听我的cp滚动
$('.mycpBox .mycp_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.mycpBox .mycp_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
$('.mycpBox .mycp_in .tips').show()
}
})
// cp奖励记录弹窗
$('.letter-wrap .cp_record').click(function () {
bodyScroolFun(true)
cpRecordPage = 1;
totalList = 0
$('.cpRecordBox .cpRecord_in .box li').remove();
$('.cpRecordBox .cpRecord_in .tips').hide();
cpRewardRecord(cpRecordPage)
})
$('.cpRecordBox .close').click(function () {
bodyScroolFun(false)
$('.cpRecordBox').hide();
})
// cp奖励记录监听滚动
$('.cpRecordBox .cpRecord_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.cpRecordBox .cpRecord_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (cpRecordScroll) {
cpRecordPage++;
cpRewardRecord(cpRecordPage)
}
}
})
// 兑换好礼/靓号切换
var petitionType = 1 //1:兌換好禮 2:幸運靚號
$('.petition-wrap .chargeTab .item').click(function () {
let index = $(this).index();
$(this).addClass('itemact').siblings().removeClass('itemact')
if (index == 0) {
$('.petition-wrap .gift-wrap').show()
$('.petition-wrap .number-wrap').hide()
$('.petition-wrap .myticket .charge').html('兌換記錄')
petitionType = 1
} else {
$('.petition-wrap .gift-wrap').hide()
$('.petition-wrap .number-wrap').show()
$('.petition-wrap .myticket .charge').html('抽獎記錄')
petitionType = 2
}
})
// 兑换好礼记录/抽奖记录弹窗
$('.petition-wrap .charge').click(function () {
bodyScroolFun(true)
drawPage = 1;
if (petitionType == 1) {
$('.exchangeBox .exchange_in .box li').remove();
$('.exchangeBox .exchange_in .tips').hide();
// $('.exchangeBox').show();
} else {
$('.drawBox .draw_in .box li').remove();
$('.drawBox .draw_in .tips').hide();
// $('.drawBox').show();
}
getDrawRecord(drawPage, petitionType)
})
$('.drawBox .close').click(function () {
bodyScroolFun(false)
$('.drawBox').hide();
})
$('.exchangeBox .close').click(function () {
bodyScroolFun(false)
$('.exchangeBox').hide();
})
// 情签兑换记录监听滚动
$('.exchangeBox .exchange_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.exchangeBox .exchange_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (drawScroll) {
drawPage++;
getDrawRecord(drawPage, petitionType)
}
}
})
// 抽奖记录监听滚动
$('.drawBox .draw_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.drawBox .draw_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (drawScroll) {
drawPage++;
getDrawRecord(drawPage, petitionType)
}
}
})
// 规则弹窗
$('.rule').click(function () {
bodyScroolFun(true)
$('.ruleBox').show();
sendLog('rule_click')
})
$('.ruleBox .close').click(function () {
bodyScroolFun(false)
$('.ruleBox').hide();
})
// 榜單獎勵
$('.rank-wrap .reward').click(function () {
bodyScroolFun(true)
$('.rewardBox').show();
sendLog('list_click')
})
$('.rewardBox .close').click(function () {
bodyScroolFun(false)
$('.rewardBox').hide();
})
// 溫馨提示
$('.tishiBox .close').click(function () {
bodyScroolFun(false)
$('.tishiBox').hide();
})
// 去充值(pay_show=点击去充值埋点)
$('.tishiBox').on('click', '.recharge', function () {
if (browser.app) {
if (browser.android) {
let channel = pubInfo.deviceInfo.channel;
console.log(pubInfo.deviceInfo);
if (channel == "google") {
sendLog('pay_show')
window.androidJsObj.openChargePage(0);
} else {
sendLog('pay_show')
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
}
} else if (browser.ios) {
sendLog('pay_show')
window.webkit.messageHandlers.openChargePage.postMessage(null)
}
} else {
toastMsg('請在app內打開')
}
})
//跳转个人主页 pages_click=跳转主页埋点)
function openPerson(uid) {
if (browser.app) {
if (browser.ios) {
sendLog('pages_click')
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
sendLog('pages_click')
window.androidJsObj.openPersonPage(uid);
}
}
} else {
toastMsg('請在app內打開')
}
}
// 控制body是否可以滑动
function bodyScroolFun(bool) {
if (bool) {
$('body').css('overflow', 'hidden');
} else {
$('body').css('overflow', 'auto');
}
}

File diff suppressed because one or more lines are too long

View File

@@ -1,813 +0,0 @@
@font-face {
font-family: "pingfang-bold";
src: url("../../../common/fonts/PingFang Bold.ttf");
src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
}
@font-face {
font-family: "din-medium";
src: url("../../../common/fonts/DINCond-Medium.ttf");
src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.ttf") format("svg");
}
html,
body {
background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
}
.no-in-app {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
background-color: white;
}
.wrap {
width: 100%;
height: 100%;
position: relative;
}
.wrap .banner {
width: 100%;
}
.wrap .rule {
width: 1.44rem;
height: 0.6933333333rem;
position: absolute;
top: 3.6933333333rem;
right: 0;
}
.wrap .record {
width: 1.44rem;
height: 0.6933333333rem;
position: absolute;
top: 4.56rem;
right: 0;
}
.wrap .gift-box-wrap {
width: 9.2rem;
height: 17.0133333333rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: -0.3rem auto 0.5333333333rem;
overflow: hidden;
}
.wrap .gift-box-wrap .tips {
font-size: 0.2933333333rem;
color: #3D001F;
margin-top: 1.5733333333rem;
text-align: center;
}
.wrap .gift-box-wrap .wishTab {
width: 8rem;
height: 1.1733333333rem;
background: #FFFFFF;
border-radius: 0.5866666667rem;
margin: 0.4533333333rem auto 0;
display: flex;
align-items: center;
}
.wrap .gift-box-wrap .wishTab .item {
flex: 1;
height: 1.1733333333rem;
line-height: 1.1733333333rem;
text-align: center;
font-size: 0.4rem;
color: #BB4A56;
font-weight: bold;
}
.wrap .gift-box-wrap .wishTab .item1_act {
width: 4rem;
height: 1.1733333333rem;
background: url(../images/tab_wish1.png) no-repeat;
background-size: 100% 100%;
}
.wrap .gift-box-wrap .wishTab .item2_act {
width: 4rem;
height: 1.1733333333rem;
background: url(../images/tab_wish2.png) no-repeat;
background-size: 100% 100%;
}
.wrap .gift-box-wrap .gift-box {
width: 8.2666666667rem;
height: 5.3333333333rem;
margin: 0.3333333333rem auto 0;
position: relative;
}
.wrap .gift-box-wrap .gift-box img {
width: 100%;
height: 100%;
}
.wrap .gift-box-wrap .gift-box .svga1 {
display: none;
width: 8.2666666667rem;
height: 5.3333333333rem;
position: absolute;
top: 0;
left: 0;
}
.wrap .gift-box-wrap .gift-box .svga2 {
display: none;
width: 8.2666666667rem;
height: 5.3333333333rem;
position: absolute;
top: 0;
left: 0;
}
.wrap .gift-box-wrap .but {
width: 2.4533333333rem;
height: 0.5866666667rem;
border-radius: 0.2933333333rem;
background: #FFE1F2;
margin: 0.24rem auto 0;
position: relative;
}
.wrap .gift-box-wrap .but input {
border: 0;
width: 1rem;
height: 0.5866666667rem;
background: #FFE1F2;
color: #FF5662;
font-size: 0.32rem;
outline: none;
text-align: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .gift-box-wrap .but img {
width: 0.6rem;
height: 0.6rem;
}
.wrap .gift-box-wrap .but .add {
position: absolute;
right: 0;
top: 0;
}
.wrap .gift-box-wrap .but .cut {
position: absolute;
left: 0;
top: 0;
}
.wrap .gift-box-wrap .wish {
width: 4.9333333333rem;
height: 1.2533333333rem;
margin: 0.2666666667rem auto 0;
}
.wrap .gift-box-wrap .award {
width: 8.32rem;
height: 4rem;
margin: 0.48rem auto 0;
}
.wrap .rank-wrap {
width: 9.2rem;
height: 22.7066666667rem;
background: url(../images/rankBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 1.5333333333rem;
position: relative;
}
.wrap .rank-wrap .rankTab {
width: 7.3866666667rem;
height: 1.1733333333rem;
background: #FFFFFF;
border-radius: 0.5866666667rem;
position: absolute;
top: 0.5866666667rem;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
}
.wrap .rank-wrap .rankTab .tab {
flex: 1;
height: 1.1733333333rem;
line-height: 1.1733333333rem;
text-align: center;
font-size: 0.4rem;
color: #BB4A56;
font-weight: bold;
}
.wrap .rank-wrap .rankTab .tab1_act {
width: 4rem;
height: 1.1733333333rem;
background: url(../images/wish1Rank.png) no-repeat;
background-size: 100% 100%;
}
.wrap .rank-wrap .rankTab .tab2_act {
width: 4rem;
height: 1.1733333333rem;
background: url(../images/wish2Rank.png) no-repeat;
background-size: 100% 100%;
}
.wrap .rank-wrap .reward {
width: 0.84rem;
height: 1.2266666667rem;
position: absolute;
top: 2.1066666667rem;
right: 0.24rem;
}
.wrap .rank-wrap .dateTab {
width: 3.9333333333rem;
height: 0.8rem;
position: absolute;
top: 2.3066666667rem;
left: 50%;
transform: translateX(-50%);
display: flex;
}
.wrap .rank-wrap .dateTab .day,
.wrap .rank-wrap .dateTab .total {
width: 1.9333333333rem;
height: 0.8rem;
}
.wrap .rank-wrap .list .no1 {
width: 2.5333333333rem;
height: 4.5333333333rem;
position: relative;
top: 3.76rem;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no1 .tx {
width: 2.2rem;
height: 2.2rem;
border-radius: 50%;
position: absolute;
top: 0;
left: 0.2rem;
}
.wrap .rank-wrap .list .no1 .txBox {
width: 2.5333333333rem;
height: 2.7866666667rem;
position: absolute;
top: 0;
left: 0;
}
.wrap .rank-wrap .list .no1 .nick {
width: 100%;
height: 1.12rem;
background: url(../images/nick1.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: 0.4266666667rem;
left: 50%;
transform: translateX(-50%);
font-size: 0.32rem;
color: #FFFFFF;
text-align: center;
line-height: 1.12rem;
}
.wrap .rank-wrap .list .no1 .score {
width: 100%;
font-size: 0.2666666667rem;
color: #AD4868;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no2,
.wrap .rank-wrap .list .no3 {
width: 2.5333333333rem;
height: 4.0533333333rem;
position: relative;
top: 0.1rem;
left: 0.55rem;
}
.wrap .rank-wrap .list .no2 .tx,
.wrap .rank-wrap .list .no3 .tx {
width: 1.76rem;
height: 1.76rem;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no2 .txBox,
.wrap .rank-wrap .list .no3 .txBox {
width: 2.0933333333rem;
height: 2.28rem;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no2 .nick,
.wrap .rank-wrap .list .no3 .nick {
width: 100%;
height: 1.12rem;
background: url(../images/nick2.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: 0.4266666667rem;
left: 50%;
transform: translateX(-50%);
font-size: 0.32rem;
color: #FFFFFF;
text-align: center;
line-height: 1.12rem;
}
.wrap .rank-wrap .list .no2 .score,
.wrap .rank-wrap .list .no3 .score {
width: 100%;
font-size: 0.2666666667rem;
color: #AD4868;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no3 {
left: 6.13rem;
top: -4rem;
}
.wrap .rank-wrap .list .no3 .nick {
background: url(../images/nick3.png) no-repeat;
background-size: 100%;
}
.wrap .rank-wrap .list ul {
width: 8.56rem;
position: absolute;
top: 9.1rem;
bottom: 1.0666666667rem;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list ul li {
width: 100%;
height: 1.6rem;
line-height: 1.6rem;
background-color: #FFF7F9;
border-radius: 0.16rem;
margin-bottom: 0.2rem;
color: #AD4868;
font-size: 0.3466666667rem;
font-weight: 600;
text-align: center;
}
.wrap .rank-wrap .list ul li .num {
float: left;
margin-left: 0.2666666667rem;
width: 0.5333333333rem;
font-size: 0.48rem;
color: #AD4868;
font-weight: 600;
text-align: center;
}
.wrap .rank-wrap .list ul li .tx {
float: left;
margin-left: 0.3333333333rem;
margin-top: 0.24rem;
width: 1.0933333333rem;
height: 1.0933333333rem;
border-radius: 50%;
border: 1px solid #ff7abc;
}
.wrap .rank-wrap .list ul li .nick {
float: left;
margin-left: 0.24rem;
font-size: 0.3466666667rem;
color: #AD4868;
}
.wrap .rank-wrap .list ul li .score {
float: right;
margin-right: 0.3333333333rem;
font-size: 0.2666666667rem;
color: #AD4868;
}
.wrap .rank-wrap .myRank {
width: 9.2rem;
height: 1.84rem;
line-height: 1.84rem;
background: url(../images/my.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0;
bottom: -0.85rem;
}
.wrap .rank-wrap .myRank .num {
float: left;
width: 1rem;
margin-left: 0.2666666667rem;
font-size: 0.2933333333rem;
color: #AD4868;
text-align: center;
}
.wrap .rank-wrap .myRank .tx {
float: left;
margin-left: 0.3333333333rem;
margin-top: 0.24rem;
width: 1.0933333333rem;
height: 1.0933333333rem;
border-radius: 50%;
border: 1px solid #ff7abc;
}
.wrap .rank-wrap .myRank .nick {
float: left;
margin-left: 0.24rem;
font-size: 0.3466666667rem;
color: #AD4868;
}
.wrap .rank-wrap .myRank .score {
float: right;
margin-right: 0.3333333333rem;
font-size: 0.2666666667rem;
color: #AD4868;
}
.gx {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.gx .gx_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 10.52rem;
background: url(../images/gx.png) no-repeat;
background-size: 100% 100%;
}
.gx .gx_in .close {
position: absolute;
top: 1rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.gx .gx_in .box {
width: 96%;
height: 3.5rem;
position: absolute;
top: 3.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-evenly;
}
.gx .gx_in .box li {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.gx .gx_in .box li .bg {
width: 2.2133333333rem;
height: 2.2133333333rem;
background: url(../images/gxBox.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 0.2rem;
position: relative;
}
.gx .gx_in .box li .bg img {
width: 1.6666666667rem;
height: 1.6666666667rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gx .gx_in .box li span, .gx .gx_in .box li p {
color: #7E0033;
font-size: 0.2933333333rem;
margin-bottom: 0.2rem;
}
.gx .gx_in .sure {
width: 3.36rem;
height: 1.28rem;
position: absolute;
bottom: 2.2666666667rem;
left: 50%;
transform: translateX(-50%);
}
.gx .gx_in .tips {
width: 100%;
color: #7E0033;
font-size: 0.2933333333rem;
text-align: center;
position: absolute;
left: 0;
bottom: 1.2rem;
}
.gxs {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.gxs .gxs_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 10.52rem;
background: url(../images/gx.png) no-repeat;
background-size: 100% 100%;
}
.gxs .gxs_in .close {
position: absolute;
top: 1rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.gxs .gxs_in .box {
width: 96%;
height: 3.5rem;
position: absolute;
top: 3.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-evenly;
}
.gxs .gxs_in .box li {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.gxs .gxs_in .box li .bg {
width: 1.6rem;
height: 1.6rem;
background: url(../images/gxBox.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 0.2rem;
position: relative;
}
.gxs .gxs_in .box li .bg img {
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gxs .gxs_in .box li span, .gxs .gxs_in .box li p {
color: #7E0033;
font-size: 0.2933333333rem;
margin-bottom: 0.2rem;
}
.gxs .gxs_in .sure {
width: 3.36rem;
height: 1.28rem;
position: absolute;
bottom: 2.2666666667rem;
left: 50%;
transform: translateX(-50%);
}
.gxs .gxs_in .tips {
width: 100%;
color: #7E0033;
font-size: 0.2933333333rem;
text-align: center;
position: absolute;
left: 0;
bottom: 1.2rem;
}
.recordBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.recordBox .record_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 9.3066666667rem;
background: url(../images/record.png) no-repeat;
background-size: 100% 100%;
}
.recordBox .record_in .close {
position: absolute;
top: -0.2rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.recordBox .record_in p {
width: 60%;
height: 1.2rem;
position: absolute;
top: 1.8133333333rem;
left: 46%;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
align-items: center;
}
.recordBox .record_in p span {
color: #3D001F;
font-size: 0.3733333333rem;
}
.recordBox .record_in ul {
width: 100%;
height: 5.2rem;
position: absolute;
top: 3rem;
left: 50%;
transform: translateX(-50%);
overflow: scroll;
}
.recordBox .record_in ul::-webkit-scrollbar {
display: none;
width: 0;
}
.recordBox .record_in ul li {
width: 100%;
display: flex;
justify-content: space-around;
}
.recordBox .record_in ul li b {
color: #7E0033;
font-size: 0.3466666667rem;
margin-bottom: 0.2666666667rem;
}
.recordBox .record_in .tips {
width: 100%;
text-align: center;
color: #590F35;
font-size: 0.2933333333rem;
position: absolute;
bottom: 0.6rem;
left: 50%;
transform: translateX(-50%);
display: none;
}
.ruleBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.ruleBox .rule_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 9.68rem;
background: url(../images/rule.png) no-repeat;
background-size: 100% 100%;
}
.ruleBox .rule_in .close {
position: absolute;
top: -0.2rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.rewardBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.rewardBox .reward_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 13.5333333333rem;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
}
.rewardBox .reward_in .close {
position: absolute;
top: -0.9rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.rewardBox .reward_in .rewardTab {
width: 6.5066666667rem;
height: 1.0133333333rem;
border-radius: 0.5066666667rem;
background-color: #fff;
position: absolute;
top: 0.6rem;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
}
.rewardBox .reward_in .rewardTab .tab {
flex: 1;
height: 1.0133333333rem;
line-height: 1.0133333333rem;
text-align: center;
font-size: 0.3733333333rem;
color: #CA5987;
font-weight: bold;
}
.rewardBox .reward_in .rewardTab .tab1_act {
width: 3.2533333333rem;
height: 1.0133333333rem;
background: url(../images/wishBox1.png) no-repeat;
background-size: 100% 100%;
}
.rewardBox .reward_in .rewardTab .tab2_act {
width: 3.2533333333rem;
height: 1.0133333333rem;
background: url(../images/wishBox2.png) no-repeat;
background-size: 100% 100%;
}
.rewardBox .reward_in .box {
width: 7.3466666667rem;
height: 10.5733333333rem;
position: absolute;
top: 1.8666666667rem;
left: 50%;
transform: translateX(-50%);
}
.rewardBox .reward_in .box img {
width: 100%;
height: 100%;
}
.tishiBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.tishiBox .tishi_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 5.6666666667rem;
background: url(../images/tipsBg.png) no-repeat;
background-size: 100% 100%;
}
.tishiBox .tishi_in .title {
width: 100%;
text-align: center;
color: #7E0033;
font-size: 0.3466666667rem;
position: absolute;
top: 2.3733333333rem;
left: 50%;
transform: translateX(-50%);
}
.tishiBox .tishi_in .recharge {
width: 3.3866666667rem;
height: 1.28rem;
position: absolute;
bottom: 1.04rem;
left: 50%;
transform: translateX(-50%);
}
.tishiBox .tishi_in .close {
position: absolute;
top: 0.2666666667rem;
right: 0.2666666667rem;
width: 0.8rem;
height: 0.8rem;
}
/*# sourceMappingURL=index.css.map */

View File

@@ -1,922 +0,0 @@
@function px2rem($px, $rem: 75) {
@return $px / $rem+rem;
}
@font-face {
font-family: 'pingfang-bold';
src: url('../../../common/fonts/PingFang\ Bold.ttf');
src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
}
@font-face {
font-family: 'din-medium';
src: url('../../../common/fonts/DINCond-Medium.ttf');
src: url('../../../common/fonts/DINCond-Medium.ttf') format('woff'),
url('../../../common/fonts/DINCond-Medium.ttf') format('truetype'),
url('../../../common/fonts/DINCond-Medium.ttf') format('svg');
}
html,
body {
// background: #FFBECE;
background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
}
.no-in-app {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
background-color: white;
}
.wrap {
width: 100%;
height: 100%;
// background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
position: relative;
.banner {
width: 100%;
}
.rule {
width: px2rem(108, );
height: px2rem(52, );
position: absolute;
top: px2rem(277, );
right: 0;
}
.record {
width: px2rem(108, );
height: px2rem(52, );
position: absolute;
top: px2rem(342, );
right: 0;
}
.gift-box-wrap {
width: px2rem(690, );
height: px2rem(1276, );
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: -0.3rem auto px2rem(40, );
overflow: hidden;
.tips {
font-size: px2rem(22, );
color: #3D001F;
margin-top: px2rem(118, );
text-align: center;
}
.wishTab {
width: px2rem(600, );
height: px2rem(88, );
background: #FFFFFF;
border-radius: px2rem(44, );
margin: px2rem(34, ) auto 0;
display: flex;
// justify-content: space-around;
align-items: center;
.item {
flex: 1;
height: px2rem(88, );
line-height: px2rem(88, );
text-align: center;
font-size: px2rem(30, );
color: #BB4A56;
font-weight: bold;
}
.item1_act {
width: px2rem(300, );
height: px2rem(88, );
background: url(../images/tab_wish1.png) no-repeat;
background-size: 100% 100%;
}
.item2_act {
width: px2rem(300, );
height: px2rem(88, );
background: url(../images/tab_wish2.png) no-repeat;
background-size: 100% 100%;
}
}
.gift-box {
width: px2rem(620, );
height: px2rem(400, );
margin: px2rem(25, ) auto 0;
position: relative;
img {
width: 100%;
height: 100%;
}
.svga1 {
display: none;
width: px2rem(620, );
height: px2rem(400, );
position: absolute;
top: 0;
left: 0;
}
.svga2 {
display: none;
width: px2rem(620, );
height: px2rem(400, );
position: absolute;
top: 0;
left: 0;
}
}
.but {
width: px2rem(184, );
height: px2rem(44, );
border-radius: px2rem(22, );
background: #FFE1F2;
margin: px2rem(18, ) auto 0;
position: relative;
input {
border: 0;
width: 1rem;
height: px2rem(44, );
background: #FFE1F2;
color: #FF5662;
font-size: px2rem(24, );
outline: none; //隐藏边框
text-align: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
img {
width: px2rem(45, );
height: px2rem(45, );
}
.add {
position: absolute;
right: 0;
top: 0;
}
.cut {
position: absolute;
left: 0;
top: 0;
}
}
.wish {
width: px2rem(370, );
height: px2rem(94, );
margin: px2rem(20, ) auto 0;
}
.award {
width: px2rem(624, );
height: px2rem(300, );
margin: px2rem(36, ) auto 0;
}
}
.rank-wrap {
width: px2rem(690, );
height: px2rem(1703, );
background: url(../images/rankBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto px2rem(115, );
position: relative;
.rankTab {
width: px2rem(554, );
height: px2rem(88, );
background: #FFFFFF;
border-radius: px2rem(44, );
position: absolute;
top: px2rem(44, );
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
.tab {
flex: 1;
height: px2rem(88, );
line-height: px2rem(88, );
text-align: center;
font-size: px2rem(30, );
color: #BB4A56;
font-weight: bold;
}
.tab1_act {
width: px2rem(300, );
height: px2rem(88, );
background: url(../images/wish1Rank.png) no-repeat;
background-size: 100% 100%;
}
.tab2_act {
width: px2rem(300, );
height: px2rem(88, );
background: url(../images/wish2Rank.png) no-repeat;
background-size: 100% 100%;
}
}
.reward {
width: px2rem(63, );
height: px2rem(92, );
position: absolute;
top: px2rem(158, );
right: px2rem(18, );
}
.dateTab {
width: px2rem(295, );
height: px2rem(60, );
position: absolute;
top: px2rem(173, );
left: 50%;
transform: translateX(-50%);
display: flex;
.day,
.total {
width: px2rem(145, );
height: px2rem(60, );
}
}
.list {
.no1 {
width: px2rem(190, );
height: px2rem(340, );
position: relative;
top: px2rem(282, );
left: 50%;
transform: translateX(-50%);
.tx {
width: px2rem(165, );
height: px2rem(165, );
border-radius: 50%;
position: absolute;
top: 0;
left: 0.2rem;
}
.txBox {
width: px2rem(190, );
height: px2rem(209, );
position: absolute;
top: 0;
left: 0;
}
.nick {
width: 100%;
height: px2rem(84, );
background: url(../images/nick1.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: px2rem(32, );
left: 50%;
transform: translateX(-50%);
font-size: px2rem(24, );
color: #FFFFFF;
text-align: center;
line-height: px2rem(84, );
}
.score {
width: 100%;
font-size: px2rem(20, );
color: #AD4868;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
.no2,
.no3 {
width: px2rem(190, );
height: px2rem(304, );
position: relative;
top: 0.1rem;
left: 0.55rem;
.tx {
width: px2rem(132, );
height: px2rem(132, );
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.txBox {
width: px2rem(157, );
height: px2rem(171, );
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.nick {
width: 100%;
height: px2rem(84, );
background: url(../images/nick2.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: px2rem(32, );
left: 50%;
transform: translateX(-50%);
font-size: px2rem(24, );
color: #FFFFFF;
text-align: center;
line-height: px2rem(84, );
}
.score {
width: 100%;
font-size: px2rem(20, );
color: #AD4868;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
.no3 {
left: 6.13rem;
top: -4rem;
.nick {
background: url(../images/nick3.png) no-repeat;
background-size: 100%;
}
}
ul {
width: px2rem(642, );
// height: px2rem(930, );
// background-color: purple;
position: absolute;
top: 9.1rem;
bottom: px2rem(80, );
left: 50%;
transform: translateX(-50%);
li {
width: 100%;
height: px2rem(120, );
line-height: px2rem(120, );
background-color: #FFF7F9;
border-radius: px2rem(12, );
margin-bottom: px2rem(15, );
color: #AD4868;
font-size: px2rem(26, );
font-weight: 600;
text-align: center;
.num {
float: left;
margin-left: px2rem(20, );
width: px2rem(40, );
font-size: px2rem(36, );
color: #AD4868;
font-weight: 600;
text-align: center;
}
.tx {
float: left;
margin-left: px2rem(25, );
margin-top: px2rem(18, );
width: px2rem(82, );
height: px2rem(82, );
border-radius: 50%;
border: 1px solid #ff7abc;
}
.nick {
float: left;
margin-left: px2rem(18, );
font-size: px2rem(26, );
color: #AD4868;
}
.score {
float: right;
margin-right: px2rem(25, );
font-size: px2rem(20, );
color: #AD4868;
}
}
}
}
.myRank {
width: px2rem(690, );
height: px2rem(138, );
line-height: px2rem(138, );
background: url(../images/my.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0;
bottom: -0.85rem;
.num {
float: left;
width: 1rem;
margin-left: px2rem(20, );
font-size: px2rem(22, );
color: #AD4868;
text-align: center;
}
.tx {
float: left;
margin-left: px2rem(25, );
margin-top: px2rem(18, );
width: px2rem(82, );
height: px2rem(82, );
border-radius: 50%;
border: 1px solid #ff7abc;
}
.nick {
float: left;
margin-left: px2rem(18, );
font-size: px2rem(26, );
color: #AD4868;
}
.score {
float: right;
margin-right: px2rem(25, );
font-size: px2rem(20, );
color: #AD4868;
}
}
}
}
.gx {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.gx_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(789, );
background: url(../images/gx.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: 1rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
.box {
width: 96%;
height: 3.5rem;
position: absolute;
top: 3.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-evenly;
li {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
.bg {
width: px2rem(166, );
height: px2rem(166, );
// width: 1.6rem;
// height: 1.6rem;
background: url(../images/gxBox.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 0.2rem;
position: relative;
img {
width: px2rem(125, );
height: px2rem(125, );
// width: 1.2rem;
// height: 1.2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
span,p {
color: #7E0033;
font-size: px2rem(22, );
margin-bottom: 0.2rem;
}
}
}
.sure {
width: px2rem(252, );
height: px2rem(96, );
position: absolute;
bottom: px2rem(170, );
left: 50%;
transform: translateX(-50%);
}
.tips {
width: 100%;
color: #7E0033;
font-size: px2rem(22, );
text-align: center;
position: absolute;
left: 0;
bottom: px2rem(90, );
}
}
}
.gxs {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.gxs_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(789, );
background: url(../images/gx.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: 1rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
.box {
width: 96%;
height: 3.5rem;
position: absolute;
top: 3.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-evenly;
li {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
.bg {
width: 1.6rem;
height: 1.6rem;
background: url(../images/gxBox.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 0.2rem;
position: relative;
img {
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
span,p {
color: #7E0033;
font-size: px2rem(22, );
margin-bottom: 0.2rem;
}
}
}
.sure {
width: px2rem(252, );
height: px2rem(96, );
position: absolute;
bottom: px2rem(170, );
left: 50%;
transform: translateX(-50%);
}
.tips {
width: 100%;
color: #7E0033;
font-size: px2rem(22, );
text-align: center;
position: absolute;
left: 0;
bottom: px2rem(90, );
}
}
}
.recordBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.record_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(698, );
background: url(../images/record.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: -0.2rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
p {
// width: px2rem(540, );
width: 60%;
height: px2rem(90, );
position: absolute;
top: px2rem(136, );
left: 46%;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
align-items: center;
span {
color: #3D001F;
font-size: px2rem(28, );
}
}
ul {
// width: px2rem(540, );
width: 100%;
height: 5.2rem;
position: absolute;
top: 3rem;
left: 50%;
transform: translateX(-50%);
overflow: scroll;
&::-webkit-scrollbar {
display: none;
width: 0;
}
li {
width: 100%;
display: flex;
justify-content: space-around;
b {
color: #7E0033;
font-size: px2rem(26, );
margin-bottom: px2rem(20, );
}
}
}
.tips {
width: 100%;
text-align: center;
color: #590F35;
font-size: px2rem(22, );
position: absolute;
bottom: 0.6rem;
left: 50%;
transform: translateX(-50%);
display: none;
}
}
}
.ruleBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.rule_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(726, );
background: url(../images/rule.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: -0.2rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
}
}
.rewardBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.reward_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(1015, );
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: -0.9rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
.rewardTab {
width: px2rem(488, );
height: px2rem(76, );
border-radius: px2rem(38, );
background-color: #fff;
position: absolute;
top: px2rem(45, );
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
.tab {
flex: 1;
height: px2rem(76, );
line-height: px2rem(76, );
text-align: center;
font-size: px2rem(28, );
color: #CA5987;
font-weight: bold;
}
.tab1_act {
width: px2rem(244, );
height: px2rem(76, );
background: url(../images/wishBox1.png) no-repeat;
background-size: 100% 100%;
}
.tab2_act {
width: px2rem(244, );
height: px2rem(76, );
background: url(../images/wishBox2.png) no-repeat;
background-size: 100% 100%;
}
}
.box {
width: px2rem(551, );
height: px2rem(793, );
position: absolute;
top: px2rem(140, );
left: 50%;
transform: translateX(-50%);
img {
width: 100%;
height: 100%;
}
}
}
}
.tishiBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.tishi_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(425, );
background: url(../images/tipsBg.png) no-repeat;
background-size: 100% 100%;
.title {
width: 100%;
text-align: center;
color: #7E0033;
font-size: px2rem(26, );
position: absolute;
top: px2rem(178, );
left: 50%;
transform: translateX(-50%);
}
.recharge {
width: px2rem(254, );
height: px2rem(96, );
position: absolute;
bottom: px2rem(78, );
left: 50%;
transform: translateX(-50%);
}
.close {
position: absolute;
top: px2rem(20, );
right: px2rem(20, );
width: px2rem(60, );
height: px2rem(60, );
}
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1004 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 267 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 236 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 441 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 212 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 270 KiB

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