Compare commits

...

161 Commits

Author SHA1 Message Date
dragon
9d57da5a82 修复免责声明文案错误异常问题 2024-12-31 13:47:26 +08:00
dragon
62c05b58d6 样式修复 2024-12-31 11:51:15 +08:00
dragon
1ac799527d 完善奖励资源 2024-12-31 11:20:42 +08:00
dragon
1494612f03 优化样式 2024-12-30 18:39:44 +08:00
dragon
37f2443855 更改样式 2024-12-30 18:33:47 +08:00
dragon
575f8f0704 处理等级不显示异常 2024-12-30 18:26:01 +08:00
dragon
f455500f57 修复土耳其语言异常问题 2024-12-30 18:14:45 +08:00
dragon
c9f1a9911e 新增元旦活动 2024-12-30 17:42:32 +08:00
dragon
c30c9bb530 优化过长文案-账单 2024-12-27 13:42:28 +08:00
dragon
8e4cdc8803 新增账单 2024-12-26 17:46:25 +08:00
dragon
a2c441bdf7 新增遗漏账单 2024-12-26 15:43:37 +08:00
dragon
fd536b896f 新增账单 2024-12-26 14:26:58 +08:00
dragon
5814ef256f 新增账单类型 2024-12-26 14:26:58 +08:00
dragon
fde81be1a1 新增土耳其翻译 2024-12-26 14:26:57 +08:00
dragon
c7ed1163b2 重新准确定义全部的索引值 2024-12-26 14:26:57 +08:00
dragon
3d844db9b2 重新打包 2024-12-26 14:26:56 +08:00
dragon
877954e4e1 修改样式 2024-12-26 14:26:56 +08:00
dragon
c67ba0c3cf 优化账单样式 2024-12-26 14:26:55 +08:00
dragon
c738fcafcf 修复提起数据异常问题 2024-12-26 14:26:54 +08:00
dragon
9f035177c3 修改传参字段-账单 2024-12-26 14:26:54 +08:00
dragon
cd0ac13094 完成账单 2024-12-26 14:26:54 +08:00
dragon
20b49801fb 分页处理暂存 2024-12-26 14:26:53 +08:00
dragon
e352ab6148 账单分页问题暂存 2024-12-26 14:26:53 +08:00
dragon
7dea58ac20 账单暂存 2024-12-26 14:26:53 +08:00
dragon
aae420c9b0 账单暂存 2024-12-26 14:26:52 +08:00
dragon
01a825a7a6 暂存 2024-12-26 14:26:52 +08:00
dragon
d5c4817631 账单优化暂存 2024-12-26 14:26:52 +08:00
dragon
b71fe59bff 修改正式土耳其展示英语问题 2024-12-26 14:20:29 +08:00
dragon
b28b7ab10a 修改充值账号 2024-12-26 11:24:40 +08:00
dragon
8ef1846120 更改时间字段 2024-12-24 18:37:52 +08:00
dragon
6a43cba795 同步账单 2024-12-24 18:22:51 +08:00
dragon
021fc59fac 替换说明 2024-12-24 16:22:15 +08:00
dragon
e3c269c064 修复记录异常 2024-12-24 15:46:21 +08:00
dragon
345b07f045 替换图片以及修改时间字段 2024-12-24 13:56:59 +08:00
dragon
5a1217c271 修改奖励滑动异常该问题 2024-12-24 10:34:28 +08:00
dragon
870e7e332e 替换头图 2024-12-23 18:05:04 +08:00
dragon
81d563e58c 邀请活动暂存 2024-12-23 18:05:01 +08:00
dragon
7601fa3f9d 修改样式 2024-12-23 18:04:07 +08:00
dragon
6d0cbfde3a 修复接口异常问题 2024-12-23 18:04:07 +08:00
dragon
09b84a8618 修改请求方式 2024-12-23 18:04:06 +08:00
dragon
8b20293ac3 邀请好友完成改版 2024-12-23 18:04:00 +08:00
dragon
85c81b60c4 修改账单超时 2024-12-20 19:26:42 +08:00
dragon
bd8de2f14f 修复id申请规则以及公会土耳其异常问题 2024-12-20 11:39:10 +08:00
dragon
642a6a67cc 新增举报条目以及多语言土耳其 2024-12-18 20:37:14 +08:00
dragon
b9c37104be 替换sid规则 2024-12-13 19:08:06 +08:00
dragon
b85d1a6838 修复搜索公会等级图片异常问题 2024-12-11 14:54:56 +08:00
dragon
5eef1fe919 优化样式 2024-12-11 10:49:41 +08:00
dragon
2e0da65437 新增翻译 2024-12-10 18:44:44 +08:00
dragon
1122a322fa 修复公会修改头像异常问题 2024-12-10 18:44:44 +08:00
dragon
f833af56e2 ‘修改提交成功的确认弹窗’ 2024-12-10 18:44:44 +08:00
dragon
51eb0e016a 处理弹窗 2024-12-10 18:44:44 +08:00
dragon
3d58b7fe5e 新增创建公会 2024-12-10 18:44:44 +08:00
dragon
ccf6290017 修复超级id土耳其报错异常问题 2024-12-10 18:44:28 +08:00
dragon
0fb3eb9550 修改土耳其金币奖励规则 2024-12-09 17:46:53 +08:00
dragon
4bee20a482 修复进图条样式 2024-12-08 03:13:52 +08:00
dragon
7227fc9465 修改财富魅力等级下一级所需值算法 2024-12-08 02:16:24 +08:00
dragon
4abf36429b 修改翻译 2024-12-06 19:04:31 +08:00
dragon
59265ac0a3 优化样式官网\ 2024-12-06 17:53:16 +08:00
dragon
20e8b58ec8 恢复默认uid 2024-12-06 17:34:04 +08:00
dragon
52be806311 优化样式 2024-12-06 17:27:29 +08:00
dragon
96eb7648e1 修改样式 2024-12-06 17:22:59 +08:00
dragon
471fb2e606 修改官网样式 2024-12-06 16:51:35 +08:00
dragon
0c44fd7e95 优化官网加新增土耳其提现 2024-12-06 16:07:09 +08:00
dragon
505c6d4bd1 官网土耳其土耳其化 2024-12-06 14:43:54 +08:00
dragon
ad37da5a4a 清除缓存 2024-12-05 21:13:04 +08:00
dragon
197cdeadb5 处理五福短字段没返回设置默认值 2024-12-05 18:37:02 +08:00
dragon
ba78c6ddc6 新增活动土耳其 2024-12-05 15:44:20 +08:00
dragon
97c4dd7f56 修改工会翻译 2024-12-04 18:45:14 +08:00
dragon
be384050a4 修改样式 2024-12-03 10:22:39 +08:00
dragon
163f49ad8b 重构等级 2024-12-03 10:22:38 +08:00
dragon
b32b5e7b90 魅力等级暂存 2024-12-03 10:22:38 +08:00
dragon
29cd75811f 优化样式修改翻译 2024-12-02 18:22:13 +08:00
dragon
1b7046d18d 修改翻译 2024-12-02 17:29:40 +08:00
dragon
92041337ca 修改翻译文案 2024-12-02 15:47:18 +08:00
dragon
1b34ca7af5 替换图片 2024-12-02 15:23:49 +08:00
dragon
6d6f2ca54c 样式修改 2024-12-02 14:54:09 +08:00
dragon
fad16b329f 修复样式问题 2024-12-02 14:07:32 +08:00
dragon
eac76abd51 完成定制礼物 2024-11-29 17:24:18 +08:00
dragon
57807aac09 完成定制活动接口联调,ui暂存 2024-11-29 14:14:04 +08:00
dragon
a465ef6820 公会土耳其修改翻译 2024-11-29 12:01:11 +08:00
dragon
7a6ae994df 修改翻译 2024-11-27 18:14:38 +08:00
dragon
2a2d75c124 修改翻译土耳其公会 2024-11-27 18:00:59 +08:00
dragon
ad66c7f37f 修改土耳其错误翻译 2024-11-27 17:03:40 +08:00
dragon
85a40558f8 兼容tr以及翻译公会土耳其 2024-11-26 18:48:27 +08:00
dragon
156d956f06 ‘新增指引公会-阿拉伯’ 2024-11-25 14:37:02 +08:00
dragon
65c2c3c868 新增钻石收益查询 2024-11-21 19:17:37 +08:00
dragon
79ba36152d 修改充值提款账户 2024-11-20 10:20:08 +08:00
dragon
03b3d3a6ef us换钻石icon 2024-11-15 18:42:25 +08:00
dragon
bee9f16782 新增账单 2024-11-15 16:21:25 +08:00
dragon
8903855cd9 修复多语言异常问题 2024-11-13 18:45:43 +08:00
dragon
77b3d815ed 修复金币账单分页异常问题 2024-11-13 16:11:31 +08:00
dragon
373f2c1f19 恢复周星榜风格 2024-11-11 16:40:39 +08:00
dragon
dd00992336 修复英语区公会修改信息异常问题 2024-11-08 11:45:32 +08:00
dragon
5306095111 点击充值拦截-Vodafone 2024-11-07 18:26:32 +08:00
dragon
6ccdfd0d62 新增Vodafone拦截弹出 2024-11-07 18:04:56 +08:00
dragon
e031f686e2 替换cp活动的奖励图 2024-11-07 10:52:56 +08:00
dragon
8960e9a14b 新增账单 2024-11-06 18:57:21 +08:00
dragon
2fd3f19df5 修复阿拉伯语言公会无法上传图片问题 2024-11-05 15:45:22 +08:00
dragon
e7703fda55 修复cp榜单头像异常问题 2024-11-04 18:38:47 +08:00
dragon
0e00fc22fc 砸蛋获奖记录穿语言错误问题 2024-11-01 18:49:57 +08:00
dragon
42f4d1398d 修复弹窗样式 2024-11-01 17:31:33 +08:00
dragon
7f45727107 修改规则 2024-11-01 17:19:19 +08:00
dragon
2abaa57102 优化样式 2024-11-01 15:22:04 +08:00
dragon
021647f8b9 优化样式 2024-11-01 15:11:31 +08:00
dragon
a8c6dcc6ce 修复bug 2024-11-01 14:12:54 +08:00
dragon
adb5cbf70d 完成cp活动 2024-10-31 19:17:27 +08:00
dragon
1d7f1bea2a 优化样式 2024-10-31 18:06:49 +08:00
dragon
eaa63702ca 替换阿语区规则 2024-10-31 17:37:07 +08:00
dragon
c32c2202e8 修改周奖励 2024-10-31 17:16:33 +08:00
dragon
4c4d621ee9 修改英语区周奖励数值 2024-10-31 14:17:26 +08:00
dragon
917ae977e9 替换周奖励英语区规则 2024-10-31 11:59:53 +08:00
dragon
ed8ea3e5f0 清除缓存 2024-10-30 21:34:32 +08:00
dragon
5eeab82f5c 修复切换奖励列表异常问题 2024-10-30 18:29:23 +08:00
dragon
1a887dc70d 样式优化 2024-10-30 18:09:47 +08:00
dragon
c445772a67 修复英语区异常 2024-10-30 16:59:19 +08:00
dragon
891121ea4e 修复调用接口异常问题 2024-10-30 14:31:03 +08:00
dragon
08de8efa12 修复状态按钮异常问题 2024-10-30 14:06:50 +08:00
dragon
191e0bbe0d 新增账单,和修复bug 2024-10-30 13:57:05 +08:00
dragon
672e738456 修复bug 2024-10-30 11:09:32 +08:00
dragon
80f7205acb 修复奖励字段异常问题 2024-10-30 10:20:25 +08:00
dragon
7f30c30f92 完成周奖励公会 2024-10-30 10:13:54 +08:00
dragon
739e512bbc 公会奖励暂存 2024-10-30 10:13:53 +08:00
dragon
a363e8d373 修改账单分页逻辑 2024-10-29 19:22:33 +08:00
dragon
58c9e09ea8 切换音符状态 2024-10-28 14:30:17 +08:00
dragon
22468bdfbc 修复自动播放异常问题 2024-10-28 11:08:13 +08:00
dragon
dc7aec7590 新增音乐周星榜 2024-10-28 10:55:49 +08:00
dragon
7f61d08030 万圣节主题周星榜 2024-10-28 10:55:48 +08:00
dragon
a0d2e78cd4 同步寻爱代码 2024-10-25 16:53:46 +08:00
dragon
8390d53cfb 补齐遗漏多语言 2024-10-25 16:53:45 +08:00
dragon
cd279cc869 修复tost不对问题 2024-10-25 16:53:45 +08:00
dragon
898e9a7a07 修改账单 2024-10-25 16:53:45 +08:00
dragon
be65800ed8 新增账单 2024-10-25 16:53:44 +08:00
dragon
4407ed5926 新增土耳其默认为英语 2024-10-25 16:53:44 +08:00
dragon
f63446e4a2 新增公会动图相关逻辑-英语&阿拉伯 2024-10-25 16:53:44 +08:00
dragon
77402a8e0b 欢乐砸蛋多语言完成 2024-10-25 16:52:03 +08:00
dragon
2b99e05e63 清除缓存 2024-10-16 18:05:44 +08:00
dragon
1693131b47 每日消费-新增华语区翻译 2024-10-16 17:18:16 +08:00
dragon
870d220e1e 完成boom分区规则 2024-10-15 18:07:05 +08:00
dragon
2af6e11cae boom规则暂存 2024-10-15 18:07:05 +08:00
dragon
70ed4423ed 修复宝箱显示异常问题 2024-10-15 17:00:22 +08:00
dragon
5bfb57a10a 新增等级限制 2024-10-15 16:21:08 +08:00
dragon
d7e85d3562 新增头像边框 2024-10-15 15:58:20 +08:00
dragon
deaf973b3e 修复样式,以及进度异常问题 2024-10-15 15:50:54 +08:00
dragon
911f5b4788 替换svga 2024-10-15 14:31:11 +08:00
dragon
584f1acffe 新增代理人身份判断 2024-10-15 13:50:13 +08:00
dragon
dcb3f8c59e 修复倒计时异常问题 2024-10-15 10:34:47 +08:00
dragon
8556f6f8de 完善每日消费 2024-10-14 17:39:31 +08:00
dragon
131bc932c2 恢复进度条默认值 2024-10-14 15:04:08 +08:00
dragon
dc40dbcf55 完成接口对接,暂存 2024-10-14 11:20:16 +08:00
dragon
31a83a7ece 完成每日消费静态页面暂存 2024-10-12 17:24:00 +08:00
dragon
2d6cb59568 优化样式 2024-10-11 18:23:07 +08:00
dragon
33b0bdd989 修改翻译 2024-10-11 15:21:18 +08:00
dragon
b77ff1a208 修复遗漏翻译 2024-10-11 15:14:25 +08:00
dragon
2b7e6e03b6 优化样式 2024-10-11 14:51:50 +08:00
dragon
9891bf533a 优化靓号申请 2024-10-09 13:44:21 +08:00
dragon
56b8a00b92 修复分页排行榜问题 2024-09-30 17:47:14 +08:00
dragon
cdf647b793 改变砸蛋ios传参 2024-09-30 17:21:44 +08:00
dragon
da4ea9537b 优化排行榜样式 2024-09-30 15:57:41 +08:00
dragon
60a487a1aa 修改背景颜色 2024-09-30 15:50:36 +08:00
dragon
642f9ae7c6 新增砸蛋 2024-09-30 15:34:32 +08:00
dragon
4f318a5cab 修复样式异常问题 2024-09-27 19:02:28 +08:00
595 changed files with 29207 additions and 3368 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 776 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 327 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 277 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 582 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 586 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 578 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 405 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 402 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 407 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 400 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 810 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

View File

@@ -0,0 +1,308 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title class="text1"></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 -->
<div class="rule_icon text2"></div>
<!-- 摩天轮 -->
<div id="carousel" class="carousel">
<img src="./images/carouselTitle.png" alt="" class="carouselTitle img1">
<img src="./images/waiting.png" alt="" class="waiting img2">
<div class="carousel_in1">
<img src="./images/null.png" alt="" class="tx1">
<img src="./images/null.png" alt="" class="tx2">
</div>
<div class="carousel_in2">
<img src="./images/null.png" alt="" class="tx1">
<img src="./images/null.png" alt="" class="tx2">
</div>
<div class="carousel_in3">
<img src="./images/null.png" alt="" class="tx1">
<img src="./images/null.png" alt="" class="tx2">
</div>
<div class="carousel_in4">
<img src="./images/null.png" alt="" class="tx1">
<img src="./images/null.png" alt="" class="tx2">
</div>
<div class="carousel_in5">
<img src="./images/null.png" alt="" class="tx1">
<img src="./images/null.png" alt="" class="tx2">
</div>
<div class="carousel_in6">
<img src="./images/null.png" alt="" class="tx1">
<img src="./images/null.png" alt="" class="tx2">
</div>
</div>
<!-- 摩天轮底座 -->
<img src="./images/carouselBoom.png" alt="" class="carouselBoom">
<!-- 倒计时 -->
<div class="timeBox">
<div class="day">
<b>00</b>
<span class="text3"></span>
</div>
<div class="hour">
<b>00</b>
<span class="text4"></span>
</div>
<div class="min">
<b>00</b>
<span class="text5"></span>
</div>
<div class="sec">
<b>00</b>
<span class="text6"></span>
</div>
</div>
<!-- 音乐 -->
<div class="music">
<audio autoplay loop id="musics">
<source src="./music/music.mp3" type="audio/mpeg">
</audio>
</div>
<!-- 关闭音乐 -->
<img src="./images/notOpen.png" alt="" class="notOpen">
</div>
<!-- tab -->
<div class="tabBox">
<div class="text7"></div>
<div class="act text8"></div>
<div class="text9"></div>
</div>
<!-- 页面1 -->
<div class="page1">
<div class="top">
<p class="text10"></p>
</div>
<div class="contentBox">
<div class="content">
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
<div class="times">2024.09.09-2024.09.16</div>
<div class="topBox">
<div class="top1">
<img src="./images/ts1.png" alt="" class="tsL">
<img src="./images/ts1.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">虚位以待</div>
<div class="nameR">虚位以待</div>
<div class="idL">ID:0</div>
<div class="idR">ID:0</div>
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
</div>
<div class="top2">
<img src="./images/ts23.png" alt="" class="tsL">
<img src="./images/ts23.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">虚位以待</div>
<div class="nameR">虚位以待</div>
<div class="idL">ID:0</div>
<div class="idR">ID:0</div>
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
</div>
<div class="top3">
<img src="./images/ts23.png" alt="" class="tsL">
<img src="./images/ts23.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">虚位以待</div>
<div class="nameR">虚位以待</div>
<div class="idL">ID:0</div>
<div class="idR">ID:0</div>
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
</div>
</div>
</div>
</div>
<div class="bottom"></div>
</div>
<!-- 页面2 -->
<div class="page2">
<div class="top">
<p class="text11"></p>
</div>
<div class="content">
<div class="topBox">
<div class="top1">
<img src="./images/ts1.png" alt="" class="tsL">
<img src="./images/ts1.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">虚位以待</div>
<div class="nameR">虚位以待</div>
<div class="idL">ID:0</div>
<div class="idR">ID:0</div>
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
</div>
<div class="top2">
<img src="./images/ts23.png" alt="" class="tsL">
<img src="./images/ts23.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">虚位以待</div>
<div class="nameR">虚位以待</div>
<div class="idL">ID:0</div>
<div class="idR">ID:0</div>
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
</div>
<div class="top3">
<img src="./images/ts23.png" alt="" class="tsL">
<img src="./images/ts23.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">虚位以待</div>
<div class="nameR">虚位以待</div>
<div class="idL">ID:0</div>
<div class="idR">ID:0</div>
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
</div>
</div>
<ul>
<li>
<div class="num">4</div>
<div class="txL">
<img src="./images/null.png" alt="">
<p>虚位以待</p>
</div>
<img src="./images/loves.png" alt="" class="loves">
<div class="txR">
<img src="./images/null.png" alt="">
<p>虚位以待</p>
</div>
<div class="scores">
<img src="./images/love.png" alt="">
<span>0K</span>
</div>
</li>
</ul>
<div class="more">More</div>
</div>
<div class="bottom"></div>
<div class="my">
<div class="num">4</div>
<div class="txL">
<img src="./images/null.png" alt="">
<p>虚位以待</p>
</div>
<img src="./images/loves.png" alt="" class="loves">
<div class="txR">
<img src="./images/null.png" alt="">
<p>虚位以待</p>
</div>
<div class="scores">
<img src="./images/love.png" alt="">
<span>0K</span>
</div>
</div>
</div>
<!-- 页面3 -->
<div class="page3">
<div class="top">
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
<div class="title text12"></div>
</div>
<div class="content">
<div class="times text13"></div>
<div class="topBox1">
<img src="./images/bo.png" alt="" class="bo">
<img src="./images/bo.png" alt="" class="bo2">
<div class="ts1" id="ts1"></div>
</div>
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
<div class="title text14"></div>
<div class="times text15"></div>
<div class="topBox2">
<img src="./images/bo.png" alt="" class="bo">
<img src="./images/bo.png" alt="" class="bo2">
<div class="ts2" id="ts2"></div>
</div>
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
<div class="title text16"></div>
<div class="times text17"></div>
<div class="topBox3">
<img src="./images/bo.png" alt="" class="bo">
<img src="./images/bo.png" alt="" class="bo2">
<div class="ts3" id="ts3"></div>
</div>
</div>
<div class="bottom"></div>
</div>
<!-- 规则 -->
<div class="rule">
<div class="ruleIn">
<img src="./images/close.png" alt="" class="close">
<div class="title text18"></div>
<div class="texts text19">
</div>
</div>
</div>
<!-- mp4 -->
<div class="zjvideo1">
<video id="zjvideo1" controls playsinline webkit-playsinline>
<source src="./mp4/zj1.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="xzvideo1">
<video id="xzvideo1" controls playsinline webkit-playsinline>
<source src="./mp4/xz1.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="zjvideo2">
<video id="zjvideo2" controls playsinline webkit-playsinline>
<source src="./mp4/zj23.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="xzvideo2">
<video id="xzvideo2" controls playsinline webkit-playsinline>
<source src="./mp4/xz2.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="zjvideo3">
<video id="zjvideo3" controls playsinline webkit-playsinline>
<source src="./mp4/zj23.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="xzvideo3">
<video id="xzvideo3" controls playsinline webkit-playsinline>
<source src="./mp4/xz3.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</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="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./js/wow.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/index.js"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -0,0 +1,454 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var countupTime;
// var thisWeekCpRankTop3 = []
var thisWeekCpRank = []
var moreIndex = 0;
// 初始化函數
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun()
get();
var audio = document.getElementById("musics");
// 尝试自动播放音频
audio.play().then(function () {
// 如果自动播放成功
$('.header .music').show();
console.log('成功');
}).catch(function (error) {
$('.header .notOpen').show();
console.log('失败');
})
}, 100)
})
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.text1').text(langReplace(localLang.demoModule.text1));
$('.text2').text(langReplace(localLang.demoModule.text2));
$('.text3').text(langReplace(localLang.demoModule.text3));
$('.text4').text(langReplace(localLang.demoModule.text4));
$('.text5').text(langReplace(localLang.demoModule.text5));
$('.text6').text(langReplace(localLang.demoModule.text6));
$('.text7').text(langReplace(localLang.demoModule.text7));
$('.text8').text(langReplace(localLang.demoModule.text8));
$('.text9').text(langReplace(localLang.demoModule.text9));
$('.text10').text(langReplace(localLang.demoModule.text10));
$('.text11').text(langReplace(localLang.demoModule.text11));
$('.text12').text(langReplace(localLang.demoModule.text12));
$('.text13').text(langReplace(localLang.demoModule.text13));
$('.text14').text(langReplace(localLang.demoModule.text14));
$('.text15').text(langReplace(localLang.demoModule.text15));
$('.text16').text(langReplace(localLang.demoModule.text16));
$('.text17').text(langReplace(localLang.demoModule.text17));
$('.text18').text(langReplace(localLang.demoModule.text18));
$('.img1').attr('src', langReplace(localLang.demoModule.img1));
$('.img2').attr('src', langReplace(localLang.demoModule.img2));
}
// 处理SVGA
document.addEventListener('DOMContentLoaded', function () {
function loadSVGA(containerId, svgaPath) {
var container = document.getElementById(containerId);
var player = new SVGA.Player(container);
var parser = new SVGA.Parser();
parser.load(svgaPath, function (videoItem) {
player.setVideoItem(videoItem);
player.startAnimation();
});
}
loadSVGA('ts1', './svga/ts1.svga');
loadSVGA('ts2', './svga/ts2.svga');
loadSVGA('ts3', './svga/ts3.svga');
});
// 接口
function get() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/h5/cp/rank',
success(res) {
if (res.code === 200) {
// 渲染倒计时
countup(res.data.endTime - res.timestamp);
// 判断渲染规则
if (res.data.partitionId == 2) {
$('.text19').html(langReplace(localLang.demoModule.text199));
} else {
$('.text19').html(langReplace(localLang.demoModule.text19));
}
//处理自己榜单
$('.page2 .my .num').text(res.data.myCpRank.rank ? res.data.myCpRank.rank : '-');
$('.page2 .my .txL img').attr('src', res.data.myCpRank.leftAvatar);
$('.page2 .my .txL p').text(res.data.myCpRank.leftNick);
$('.page2 .my .scores').html(`<img src="./images/love.png" alt=""> ${unitProcessingAr(res.data.myCpRank.totalNum, 2)}`)
$('.page2 .my .txR img').attr('src', res.data.myCpRank.rightAvatar ? res.data.myCpRank.rightAvatar : './images/null.png');
$('.page2 .my .txR p').text(res.data.myCpRank.rightNick ? res.data.myCpRank.rightNick : langReplace(localLang.demoModule.text20));
// 处理摩天轮榜单
res.data.topCpList.length <= 0 ? $('.waiting').show() : $('.waiting').hide();
res.data.topCpList.forEach((res, i) => {
$(`.header .carousel .carousel_in${i + 1} .tx1`).attr("src", res.leftAvatar);
$(`.header .carousel .carousel_in${i + 1} .tx2`).attr("src", res.rightAvatar);
})
// 处理第一个tab的榜单
$('.contentBox .content').remove();
var squareCpListStr = '';
if (res.data.squareCpList.length > 0) {
res.data.squareCpList.forEach((res, i) => {
squareCpListStr += `
<div class="content">
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
<div class="times">${dateFormat(res.beginDate, 'yyyy.MM.dd')}-${dateFormat(res.endDate, 'yyyy.MM.dd')}</div>
<div class="topBox">${squareCpListStrFun(res.cpUserVos)}</div>
</div>
`
})
} else {
squareCpListStr += `
<div class="content">
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
<div class="times"></div>
<div class="topBox">
<div class="top1">
<img src="./images/ts1.png" alt="" class="tsL">
<img src="./images/ts1.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
<div class="idL"></div>
<div class="idR"></div>
<div class="sclore"><img src="./images/love.png" alt="">-</div>
</div>
<div class="top2">
<img src="./images/ts23.png" alt="" class="tsL">
<img src="./images/ts23.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
<div class="idL"></div>
<div class="idR"></div>
<div class="sclore"><img src="./images/love.png" alt="">-</div>
</div>
<div class="top3">
<img src="./images/ts23.png" alt="" class="tsL">
<img src="./images/ts23.png" alt="" class="tsR">
<img src="./images/null.png" alt="" class="txL">
<img src="./images/null.png" alt="" class="txR">
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
<div class="idL"></div>
<div class="idR"></div>
<div class="sclore"><img src="./images/love.png" alt="">-</div>
</div>
</div>
</div>
`
}
$('.contentBox').append(squareCpListStr);
// 处理第二个榜单
// thisWeekCpRankTop3 = splitArray(res.data.thisWeekCpRank).firstThree;
thisWeekCpRank = splitArray(res.data.thisWeekCpRank).pages;
// 处理前三
var listTo3 = thisWeekCpRank[0] ? thisWeekCpRank[0].slice(0, 3) : [];
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
leftAvatar: './images/null.png',
rightAvatar: './images/null.png',
leftNick: langReplace(localLang.demoModule.text20),
rightNick: langReplace(localLang.demoModule.text20),
leftErbanNo: "",
rightErbanNo: "",
totalNum: "-"
})
listTo3.push(...arr)
}
listTo3.forEach((res, i) => {
$(`.page2 .content .topBox .top${i + 1} .txL`).attr('src', res.leftAvatar);
$(`.page2 .content .topBox .top${i + 1} .txR`).attr('src', res.rightAvatar);
$(`.page2 .content .topBox .top${i + 1} .nameL`).text(res.leftNick);
$(`.page2 .content .topBox .top${i + 1} .nameR`).text(res.rightNick);
$(`.page2 .content .topBox .top${i + 1} .idL`).text(res.leftErbanNo == "" ? "" : 'ID:' + res.leftErbanNo);
$(`.page2 .content .topBox .top${i + 1} .idR`).text(res.rightErbanNo == "" ? "" : 'ID:' + res.rightErbanNo);
$(`.page2 .content .topBox .top${i + 1} .sclore`).html(`<img src="./images/love.png" alt="">${res.totalNum == '-' ? '-' : unitProcessingAr(res.totalNum, 2)}`)
})
// 非前三
$('.page2 .content ul li').remove();
listFun();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 点击加载更多
$('.page2 .content .more').click(function () {
moreIndex = moreIndex + 1;
listFun();
})
// 渲染第二非前三函数
function listFun() {
var str = '';
if (thisWeekCpRank[moreIndex]) {
var arr = moreIndex == 0 ? thisWeekCpRank[moreIndex].slice(3) : thisWeekCpRank[moreIndex];
arr.forEach(res => {
str += `
<li>
<div class="num">${res.rank}</div>
<div class="txL">
<img src="${res.leftAvatar}" alt="">
<p>${res.leftNick}</p>
</div>
<img src="./images/loves.png" alt="" class="loves">
<div class="txR">
<img src="${res.rightAvatar}" alt="">
<p>${res.rightNick}</p>
</div>
<div class="scores">
<img src="./images/love.png" alt="">
<span>${unitProcessingAr(res.totalNum, 2)}</span>
</div>
</li>
`
})
$('.page2 .content ul').append(str);
if (thisWeekCpRank[moreIndex].length < 10) {
$('.page2 .content .more').hide();
}
} else {
$('.page2 .content .more').hide();
}
}
function squareCpListStrFun(arr) {
var str = '';
var listTo3 = arr.slice(0, 3);
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
leftAvatar: './images/null.png',
rightAvatar: './images/null.png',
leftNick: langReplace(localLang.demoModule.text20),
rightNick: langReplace(localLang.demoModule.text20),
leftErbanNo: "",
rightErbanNo: "",
totalNum: "-"
})
listTo3.push(...arr)
}
listTo3.forEach((res, i) => {
str += `
<div class="top${i + 1}">
<img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsL">
<img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsR">
<img src="${res.leftAvatar}" alt="" class="txL">
<img src="${res.rightAvatar}" alt="" class="txR">
<div class="nameL">${res.leftNick}</div>
<div class="nameR">${res.rightNick}</div>
<div class="idL">${res.leftErbanNo == "" ? '' : "ID:" + res.leftErbanNo}</div>
<div class="idR">${res.rightErbanNo == "" ? '' : "ID:" + res.rightErbanNo}</div>
<div class="sclore"><img src="./images/love.png" alt="">${res.totalNum == "-" ? '-' : unitProcessingAr(res.totalNum, 2)}</div>
</div>
`})
return str;
}
function splitArray(arr) {
// 获取前三个元素
// const firstThree = arr.slice(0, 3);
// // 剩余的元素
// const remainingElements = arr.slice(3);
const remainingElements = arr;
// 将剩余元素每10个分成一组
const pages = [];
for (let i = 0; i < remainingElements.length; i += 10) {
const chunk = remainingElements.slice(i, i + 10);
pages.push(chunk);
}
// return { firstThree, pages };
return { pages };
}
// 倒計時
function countup(leftTime) {
clearTimeout(countupTime)
//獲取當前時間
// var now = nowTime;
var d = 0;
var h = 0;
var m = 0;
var s = 0;
//定義變數 d,h,m,s保存倒計時的時間
var d, h, m, s;
//遞歸每秒調⽤countTime⽅法顯⽰動態時間效果
if (leftTime > 0) {
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
s = getzf(Math.floor(leftTime / 1000 % 60));
//將倒計時賦值到div中
$('.header .timeBox .day b').text(d);
$('.header .timeBox .hour b').text(h);
$('.header .timeBox .min b').text(m);
$('.header .timeBox .sec b').text(s);
} else {
get();
}
if (leftTime > 0) {
leftTime = leftTime - 1000;
}
countupTime = setTimeout(function () {
countup(leftTime);
}, 1000);
}
//补0操作
function getzf(num) {
if (parseInt(num) < 10) {
num = '0' + num;
}
return num;
}
// 打开音乐
$('.header .music').click(function () {
$('.header .music').hide();
$('.header .notOpen').show();
var audio = document.getElementById("musics");
audio.pause();
})
// 关闭音乐
$('.header .notOpen').click(function () {
$('.header .notOpen').hide();
$('.header .music').show();
var audio = document.getElementById("musics");
audio.play();
})
// tab切换
$('.tabBox div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('act').siblings().removeClass('act')
$('.page1,.page2,.page3').hide();
$(`.page${i}`).show();
})
// 关闭规则
$('.header .rule_icon').click(function () {
$('.rule').show();
bodyScroolFun(true);
})
// 关闭规则
$('.rule .ruleIn .close').click(function () {
$('.rule').hide();
bodyScroolFun(false);
})
// 打开mp4弹窗
$('.page3 .content .topBox1 .bo').click(function () {
var video = document.getElementById('zjvideo1');
video.play();
bodyScroolFun(true);
$('.zjvideo1').show();
})
// 打开mp4弹窗
$('.page3 .content .topBox1 .bo2').click(function () {
var video = document.getElementById('xzvideo1');
video.play();
bodyScroolFun(true);
$('.xzvideo1').show();
})
// 打开mp4弹窗
$('.page3 .content .topBox2 .bo').click(function () {
var video = document.getElementById('zjvideo2');
video.play();
bodyScroolFun(true);
$('.zjvideo2').show();
})
// 打开mp4弹窗
$('.page3 .content .topBox2 .bo2').click(function () {
var video = document.getElementById('xzvideo2');
video.play();
bodyScroolFun(true);
$('.xzvideo2').show();
})
// 打开mp4弹窗
$('.page3 .content .topBox3 .bo').click(function () {
var video = document.getElementById('zjvideo3');
video.play();
bodyScroolFun(true);
$('.zjvideo3').show();
})
// 打开mp4弹窗
$('.page3 .content .topBox3 .bo2').click(function () {
var video = document.getElementById('xzvideo3');
video.play();
bodyScroolFun(true);
$('.xzvideo3').show();
})
// 关闭mp4弹窗
$('.zjvideo1 .close,.xzvideo1 .close,.zjvideo2 .close,.xzvideo2 .close,.zjvideo3 .close,.xzvideo3 .close').click(function () {
var video = document.getElementById('zjvideo1');
var video1 = document.getElementById('xzvideo1');
var video2 = document.getElementById('zjvideo2');
var video3 = document.getElementById('xzvideo2');
var video4 = document.getElementById('zjvideo3');
var video5 = document.getElementById('xzvideo3');
video.pause();
video1.pause();
video2.pause();
video3.pause();
video4.pause();
video5.pause();
bodyScroolFun(false);
$('.zjvideo1,.xzvideo1,.zjvideo2,.xzvideo2,.zjvideo3,.xzvideo3').hide();
})

View File

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

View File

@@ -0,0 +1,44 @@
// 阿拉伯
langAr = {
// 模块
demoModule: {
layerIndex1: `جاري التحميل...`,
layerIndex2: `نجاح`,
layerIndex3: `خطأ في الشبكة`,
text1: `عجلة الحب`,
text2: `القواعد`,
text3: `يوم`,
text4: `ساعة`,
text5: `دقيقة`,
text6: `ثانية`,
text7: `ساحة CP`,
text8: `قائمة CP`,
text9: `جوائز CP`,
text10: `سيتم عرض أفضل ثلاثة مستخدمين في القائمة التاريخية هنا`,
text11: `أرسل هدايا CP وقد تكون أنت وشريكك في القائمة!`,
text12: `TOP1`,
text13: `يمكن للمستخدم الأول في القائمة الأسبوعية الحصول على المكافآت التالية`,
text14: `TOP2`,
text15: `يمكن للمستخدم الثاني في القائمة الأسبوعية الحصول على المكافآت التالية`,
text16: `TOP3`,
text17: `يمكن للمستخدم الثالث في القائمة الأسبوعية الحصول على المكافآت التالية`,
text18: `القواعد`,
text19: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+8)</p>
<p>2. أرسل هدية CP المحددة لتصبح CP</p>
<img src="./images/rule.png" alt="">
<p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
<p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
<p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
<p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
text199: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+3)</p>
<p>2. أرسل هدية CP المحددة لتصبح CP</p>
<img src="./images/rule.png" alt="">
<p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
<p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
<p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
<p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
img1: `./images/carouselTitle-ar.png`,
img2: `./images/waiting-ar.png`,
text20: `شاغر`,
}
}

View File

@@ -0,0 +1,42 @@
langEn = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1: `Love Ferris wheel`,
text2: `Rules`,
text3: `Day`,
text4: `Hour`,
text5: `Min`,
text6: `Sec`,
text7: `CP Square`,
text8: `CP List`,
text9: `CP Rewards`,
text10: `Top three users on the history list will be displayed here`,
text11: `Send CP gifts and you and your love may be on the list!`,
text12: `TOP1`,
text13: `Top 1 user on the weekly list can get the following rewards`,
text14: `TOP2`,
text15: `Top 2 user on the weekly list can get the following rewards`,
text16: `TOP3`,
text17: `Top 3 user on the weekly list can get the following rewards`,
text18: `Rules`,
text19: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+8)</p>
<p>2. Send the designated CP gift to become CP</p>
<img src="./images/rule.png" alt="">
<p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
<p>4. The top three users on the weekly statistical list will get generous gifts.</p>
<p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
<p>6. Recharge agent users do not participate in this event.</p>`,
text199: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+3)</p>
<p>2 Send the designated CP gift to become CP</p>
<img src="./images/rule.png" alt="">
<p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
<p>4. The top three users on the weekly statistical list will get generous gifts.</p>
<p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
<p>6. Recharge agent users do not participate in this event.</p>`,
img1: `./images/carouselTitle.png`,
img2: `./images/waiting.png`,
text20: `Vacant`,
},
}

View File

@@ -0,0 +1,44 @@
// 中文
langZh = {
// 模塊
demoModule: {
layerIndex1: `加载中...`,
layerIndex2: `成功`,
layerIndex3: `网络错误`,
text1: `愛情摩天輪`,
text2: `規則`,
text3: ``,
text4: `小時`,
text5: `分鐘`,
text6: ``,
text7: `CP廣場`,
text8: `CP榜單`,
text9: `CP獎勵`,
text10: `排行榜前三的用戶將顯示在這裡`,
text11: `送CP禮物你和你的愛人可能會上榜哦`,
text12: `TOP1`,
text13: `周榜第1名的用戶可獲得以下獎勵`,
text14: `TOP2`,
text15: `周榜第2名的用戶可獲得以下獎勵`,
text16: `TOP3`,
text17: `周榜第3名的用戶可獲得以下獎勵`,
text18: `規則`,
text19: `<p>1. 活動時間:星期一 0:00-星期日 23:59GMT+8</p>
<p>2. 發送指定的CP禮物以成為CP</p>
<img src="./images/rule.png" alt="">
<p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多獲得的愛值也越多。</p>
<p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
<p>5. 移除您的CP關係後您將不再出現在CP名單上。</p>
<p>6. 充值代理用戶不參加此活動。</p>`,
text199: `<p>1. 活動時間:星期一 0:00-星期日 23:59GMT+3</p>
<p>2. 發送指定的CP禮物以成為CP</p>
<img src="./images/rule.png" alt="">
<p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多獲得的愛值也越多。</p>
<p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
<p>5. 移除您的CP關係後您將不再出現在CP名單上。</p>
<p>6. 充值代理用戶不參加此活動。</p>`,
img1: `./images/carouselTitle-zh.png`,
img2: `./images/waiting-zh.png`,
text20: `虛位以待`,
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -32,7 +32,7 @@ body {
.header {
width: 10rem;
height: 10.02667rem;
height: 10.01333rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
@@ -43,9 +43,9 @@ body {
position: absolute;
left: 52%;
transform: translateX(-50%);
top: 3.64rem;
height: 1.30667rem;
width: 6.48rem;
top: 3.76rem;
height: 1.70667rem;
width: 7.38667rem;
}
.header .rule_rule {
@@ -55,7 +55,7 @@ body {
font-size: 0.34667rem;
font-weight: bold;
position: absolute;
top: 1rem;
top: 8.92rem;
right: 0rem;
color: #703900;
box-sizing: border-box;
@@ -114,7 +114,7 @@ body {
height: 4.98667rem;
background: url(../images/myInfo.png) no-repeat;
background-size: 100% 100%;
margin: 1.12rem auto 0.26667rem;
margin: 0.66667rem auto 0rem;
position: relative;
}
@@ -159,6 +159,7 @@ body {
font-weight: 400;
background: url(../images/myInfoBut.png) no-repeat;
background-size: 100% 100%;
display: none;
}
.bg .myInfo .skip img {
@@ -170,7 +171,8 @@ body {
.bg .myInfo .copy {
position: absolute;
right: 0.66667rem;
left: 50%;
transform: translateX(-50%);
bottom: 0.66667rem;
width: 3.92rem;
height: 0.90667rem;
@@ -194,7 +196,7 @@ body {
width: 9.36rem;
height: 1.01333rem;
position: relative;
margin: 0 auto 0.26667rem;
margin: 0.7rem auto 0.26667rem;
background: url(../images/myIncomeBg.png) no-repeat;
background-size: 100% 100%;
}
@@ -227,6 +229,19 @@ body {
font-size: 0.48rem;
}
.bg .myIncome .text {
width: 2.4rem;
height: 0.65rem;
line-height: 0.65rem;
position: absolute;
left: 2.9rem;
top: 0.2rem;
text-align: center;
color: #312200;
font-size: 0.37333rem;
font-weight: 600;
}
.bg .ul_pub {
width: 100%;
height: 100vh;
@@ -359,6 +374,7 @@ body {
display: flex;
justify-content: space-between;
margin: 0 auto 0rem;
white-space: nowrap;
}
.bg .ul_pub .incomeBox .sTab div {
@@ -387,13 +403,14 @@ body {
.bg .ul_pub .incomeBox .tableTitle {
width: 8.8rem;
display: flex;
justify-content: space-between;
justify-content: space-around;
margin-bottom: 0;
position: absolute;
top: 6.15rem;
left: 50%;
transform: translateX(-50%);
z-index: 2;
white-space: nowrap;
}
.bg .ul_pub .incomeBox .tableTitle div {
@@ -408,8 +425,8 @@ body {
.bg .ul_pub .incomeBox ul {
width: 8.8rem;
height: 6rem;
margin: 0 auto 0;
height: 5.5rem;
margin: 0.8rem auto 0;
overflow-y: scroll;
position: relative;
}
@@ -444,11 +461,7 @@ body {
height: 0.66667rem;
margin-bottom: 0.24rem;
display: flex;
justify-content: space-between;
}
.bg .ul_pub .incomeBox ul li:nth-child(1) {
margin-top: 0.66667rem;
justify-content: space-around;
}
.bg .ul_pub .incomeBox ul li div {
@@ -482,7 +495,7 @@ body {
.bg .rule {
width: 9.74667rem;
height: 23.74667rem;
height: 18.8rem;
margin: 0 auto 1.33333rem;
position: relative;
background: url(../images/ruleBoxBg.png) no-repeat;
@@ -704,7 +717,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 14.56rem;
top: 9.56rem;
z-index: 2;
}
@@ -725,7 +738,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 15.6rem;
top: 10.6rem;
z-index: 2;
}
@@ -746,7 +759,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 16.4rem;
top: 11.4rem;
z-index: 2;
}
@@ -767,7 +780,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 17.15rem;
top: 12.15rem;
z-index: 2;
}
@@ -788,7 +801,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 19.8rem;
top: 14.8rem;
z-index: 2;
}
@@ -809,7 +822,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 20.8rem;
top: 15.8rem;
z-index: 2;
}
@@ -830,7 +843,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 21.7rem;
top: 16.7rem;
z-index: 2;
}
@@ -1042,3 +1055,11 @@ body {
top: 50%;
transform: translate(-50%, -50%);
}
.Turkiye .bg .ul_pub .incomeBox .sTab div {
font-size: 0.24rem;
}
.Turkiye .bg .ul_pub .incomeBox .tableTitle div {
font-size: 0.24rem;
}

View File

@@ -38,7 +38,7 @@ body {
.header {
width: px2rem(750);
height: px2rem(752);
height: px2rem(751);
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
@@ -48,9 +48,9 @@ body {
position: absolute;
left: 52%;
transform: translateX(-50%);
top: px2rem(273);
height: px2rem(98);
width: px2rem(486);
top: px2rem(282);
height: px2rem(128);
width: px2rem(554);
}
.rule_rule {
@@ -60,7 +60,7 @@ body {
font-size: px2rem(26);
font-weight: bold;
position: absolute;
top: 1rem;
top: 8.92rem;
right: 0rem;
color: #703900;
box-sizing: border-box;
@@ -124,7 +124,7 @@ body {
height: px2rem(374);
background: url(../images/myInfo.png) no-repeat;
background-size: 100% 100%;
margin: px2rem(84) auto px2rem(20);
margin: px2rem(50) auto px2rem(0);
position: relative;
.tx {
@@ -168,6 +168,7 @@ body {
font-weight: 400;
background: url(../images/myInfoBut.png) no-repeat;
background-size: 100% 100%;
display: none;
img {
display: inline-block;
@@ -179,7 +180,8 @@ body {
.copy {
position: absolute;
right: px2rem(50);
left: 50%;
transform: translateX(-50%);
bottom: px2rem(50);
width: px2rem(294);
height: px2rem(68);
@@ -204,7 +206,7 @@ body {
width: px2rem(702);
height: px2rem(76);
position: relative;
margin: 0 auto px2rem(20);
margin: 0.7rem auto px2rem(20);
background: url(../images/myIncomeBg.png) no-repeat;
background-size: 100% 100%;
@@ -235,6 +237,19 @@ body {
color: #0C0538;
font-size: px2rem(36);
}
.text {
width: 2.4rem;
height: 0.65rem;
line-height: 0.65rem;
position: absolute;
left: 2.9rem;
top: 0.2rem;
text-align: center;
color: #312200;
font-size: px2rem(28);
font-weight: 600;
}
}
.ul_pub {
@@ -375,6 +390,7 @@ body {
display: flex;
justify-content: space-between;
margin: 0 auto px2rem(0);
white-space: nowrap;
div {
width: 50%;
@@ -403,13 +419,14 @@ body {
.tableTitle {
width: px2rem(660);
display: flex;
justify-content: space-between;
justify-content: space-around;
margin-bottom: 0;
position: absolute;
top: 6.15rem;
left: 50%;
transform: translateX(-50%);
z-index: 2;
white-space: nowrap;
// background: #fff;
div {
@@ -425,8 +442,8 @@ body {
ul {
width: px2rem(660);
height: 6rem;
margin: 0 auto 0;
height: 5.5rem;
margin: 0.8rem auto 0;
overflow-y: scroll;
position: relative;
@@ -460,10 +477,10 @@ body {
height: px2rem(50);
margin-bottom: px2rem(18);
display: flex;
justify-content: space-between;
justify-content: space-around;
&:nth-child(1) {
margin-top: px2rem(50);
// margin-top: px2rem(50);
}
div {
@@ -502,7 +519,7 @@ body {
.rule {
width: px2rem(731);
height: px2rem(1781);
height: px2rem(1410);
// border-radius: px2rem(20);
// border: px2rem(4) solid #FE7835;
margin: 0 auto px2rem(100);
@@ -727,7 +744,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 14.56rem;
top: 9.56rem;
z-index: 2;
div {
@@ -748,7 +765,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 15.6rem;
top: 10.6rem;
z-index: 2;
div {
@@ -769,7 +786,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 16.4rem;
top: 11.4rem;
z-index: 2;
div {
@@ -790,7 +807,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 17.15rem;
top: 12.15rem;
z-index: 2;
div {
@@ -811,7 +828,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 19.8rem;
top: 14.8rem;
z-index: 2;
div {
@@ -832,7 +849,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 20.8rem;
top: 15.8rem;
z-index: 2;
div {
@@ -853,7 +870,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 21.7rem;
top: 16.7rem;
z-index: 2;
div {
@@ -1040,30 +1057,47 @@ body {
color: #89421A;
}
}
.arabic{
.bg .ul_pub .incomeBox .sTab div{
.arabic {
.bg .ul_pub .incomeBox .sTab div {
font-size: px2rem(18);
}
.header .rule_rule{
.header .rule_rule {
font-size: px2rem(20);
text-indent: -10px;
}
.bg .rule .rule2 .table2_2{
.bg .rule .rule2 .table2_2 {
width: 9rem;
}
.bg .rule .rule2 .table1_3_div{
.bg .rule .rule2 .table1_3_div {
font-size: px2rem(10);
}
}
.toatstsEnd{
.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);
background: rgba(0, 0, 0, .8);
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transform: translate(-50%, -50%);
}
.Turkiye {
.bg .ul_pub .incomeBox .sTab div {
font-size: px2rem(18);
}
.bg .ul_pub .incomeBox .tableTitle {
div {
font-size: px2rem(18);
}
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 MiB

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 142 KiB

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 610 KiB

After

Width:  |  Height:  |  Size: 503 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 666 KiB

After

Width:  |  Height:  |  Size: 522 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 512 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 673 KiB

After

Width:  |  Height:  |  Size: 569 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 461 KiB

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 506 KiB

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 499 KiB

After

Width:  |  Height:  |  Size: 144 KiB

View File

@@ -18,19 +18,19 @@
</div>
<!-- 頭部 -->
<div class="header">
<img id="img1" src="./images/header_h3.png" alt="" class="h3">
<img id="img1" src="./images/header_h3-tr.png" alt="" class="h3">
<div class="rule_rule text67"></div>
<div id="text1" class="text"></div>
<!-- <div id="text1" class="text"></div> -->
<!-- <img src="./images/gold.png" alt=""> -->
</div>
<!-- 容器 -->
<div class="bg">
<!-- 自己信息 -->
<div class="myInfo">
<div class="myInfo" >
<img src="./images/logo.png" alt="" class="tx">
<p id="text2"></p>
<b class="invitationCode"></b>
<div class="skip img5" >
<div class="skip img5">
<!-- <img src="./images/skip.png" alt=""> <b id="text3"></b> -->
</div>
<div class="copy img6" id="copy">
@@ -42,6 +42,7 @@
<img src="./images/gold.png" alt="">
<p id="text5"></p>
<b>0</b>
<div class="text myIncomeText"></div>
</div>
<!-- 收益tab -->
@@ -179,14 +180,14 @@
</div> -->
</div>
</div>
<div class="wishingStar" id="text28"></b></a>
<div class="wishingStar" style="display: none;" id="text28"></b></a>
</div>
</div>
</div>
<!-- 展開分享 -->
<div class="openShare" id="text31"></div>
<!-- 保存二維碼 -->
<div class="code">
<div class="code" style="display: none;">
<div class="rule_icon"></div>
<div class="p1" id="text32"></div>
<div class="p2" id="text33"></div>
@@ -227,5 +228,6 @@
<script src="./local/en.js?v=1.1"></script>
<script src="./local/zh.js?v=1.1"></script>
<script src="./local/ar.js?v=1.2"></script>
<script src="./local/tr.js?v=1.2"></script>
<script src="./js/index.js?v=1.4"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -113,8 +113,9 @@ function translateFun() {
$('#text32').html(langReplace(localLang.demoModule.text32));
$('#text33').html(langReplace(localLang.demoModule.text33));
$('#text34').html(langReplace(localLang.demoModule.text34));
$('#text66').html(langReplace(localLang.demoModule.text66));
// $('#text66').html(langReplace(localLang.demoModule.text66));
$('.text67').text(langReplace(localLang.demoModule.text67));
$('.bg .myIncome .text').text(langReplace(localLang.demoModule.myIncomeText));
$('#img1').attr('src', langReplace(localLang.demoModule.img1))
$('#img2').attr('src', langReplace(localLang.demoModule.img2))
$('#img3').attr('src', langReplace(localLang.demoModule.img3))
@@ -168,6 +169,30 @@ function getConfig() {
}
})
}
// 领取接口
function inviteReceive() {
showLoading()
networkRequest({
type: 'post',
url: urlPrefix + '/user/invite/receive',
success(res) {
if (res.code === 200) {
getMySelf();
toastMsg(langReplace(localLang.demoModule.claimed));
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.share.text8))
}
})
}
$('.bg .myIncome .text').click(function(){
inviteReceive();
})
// 獲取收益接口
function getMySelf() {
showLoading()
@@ -327,8 +352,8 @@ function profitPage() {
str += `
<li>
<div class="act">
<p>${dateFormat(res.createTime, 'yyyy-MM-dd')}</p>
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
<p>${res.inviteTimeYMD}</p>
<b>${res.inviteTimeHMS}</b>
</div>
<div>+${res.rewardNum} <img src="./images/${res.rewardType == 1 ? 'diamond' : 'magicStick'}.png" alt=""></div>
<div>${res.type == 1 && res.rewardType == 1 ? langReplace(localLang.demoModule.text52) : res.type == 3 && res.rewardType == 1 ? langReplace(localLang.demoModule.text53) : res.type == 3 && res.rewardType == 2 ? langReplace(localLang.demoModule.text54) : langReplace(localLang.demoModule.text55)}</div>
@@ -344,14 +369,14 @@ function profitPage() {
str += `
<li>
<div class="act">
<p>${dateFormat(res.createTime, 'yyyy-MM-dd')}</p>
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
<p>${res.inviteTimeYMD}</p>
<b>${res.inviteTimeHMS}</b>
</div>
<div>+${res.rewardNum} <img src="./images/${res.rewardType == 1 ? 'diamond' : 'magicStick'}.png" alt=""></div>
<div>${res.type == 1 && res.rewardType == 1 ? langReplace(localLang.demoModule.text52) : res.type == 3 && res.rewardType == 1 ? langReplace(localLang.demoModule.text53) : res.type == 3 && res.rewardType == 2 ? langReplace(localLang.demoModule.text54) : langReplace(localLang.demoModule.text55)}</div>
<div class="act">
<p>${res.inviteNick}</p>
<b>ID:${res.inviteErBanNo}</b>
<p>${res.inviteNick[0]+'*****'}</p>
<b>ID:******</b>
</div>
</li>
`
@@ -385,10 +410,10 @@ function userPage() {
var str = '';
if (text == langReplace(localLang.demoModule.text39) && typeStr == "1") {
$('.bg .incomeBox .tableTitle div').remove();
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text56)}</div><div>${langReplace(localLang.demoModule.text57)}</div><div>${langReplace(localLang.demoModule.text58)}</div>`);
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text56)}</div><div>${langReplace(localLang.demoModule.text57)}</div>`);
} else if (text == langReplace(localLang.demoModule.text40) && typeStr == "2") {
$('.bg .incomeBox .tableTitle div').remove();
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text59)}</div><div>${langReplace(localLang.demoModule.text60)}</div><div style="font-size: 0.24rem;">${langReplace(localLang.demoModule.text61)}</div><div>${langReplace(localLang.demoModule.text62)}</div>`);
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text59)}</div><div>${langReplace(localLang.demoModule.text60)}</div><div style="font-size: 0.24rem;">${langReplace(localLang.demoModule.text61)}</div>`);
}
if (res.data.records.length == 0) {
if (page == 1) {
@@ -407,14 +432,15 @@ function userPage() {
str += `
<li>
<div class="act">
<p>${dateFormat(res.createTime, 'yyyy-MM-dd')}</p>
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
<p>${res.inviteTimeYMD}</p>
<b>${res.inviteTimeHMS}</b>
</div>
<div class="act">
<p>${res.inviteNick}</p>
<b>ID:${res.inviteErBanNo}</b>
</div>
<div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div>
<!-- <div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div> -->
</li>
`
});
@@ -423,18 +449,18 @@ function userPage() {
str += `
<li>
<div class="act">
<p>${dateFormat(res.createTime, 'yyyy-MM-dd')}</p>
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
<p>${res.inviteTimeYMD}</p>
<b>${res.inviteTimeHMS}</b>
</div>
<div class="act">
<p>${res.inviteNick}</p>
<b>ID:${res.inviteErBanNo}</b>
</div>
<div class="act">
<p>${res.indirectNick}</p>
<b>ID:${res.indirectErBanNo}</b>
<p>${typeStr == "2" ? res.indirectNick[0] + '*****' : res.indirectNick}</p>
<b>ID:******</b>
</div>
<div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div>
<!-- <div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div> -->
</li>
`
});

View File

@@ -2,7 +2,7 @@
langAr = {
// 模块
demoModule: {
endTimes:'انتهاء الفعالية',
endTimes: 'انتهاء الفعالية',
img1: `./images/header_h3-ar.png`,
img2: `./images/rule_rule-ar.png`,
img3: `./images/rule1_in-ar.png`,
@@ -83,39 +83,42 @@ langAr = {
text61: `المستخدم غير مباشر`,
text62: `شحن في 30 يومًا`,
text66: `<div class="table1_1">
<div style="line-height: 0.4rem;">مبلغ الشحن<br>(خلال 30 يومًا، الوحدة: العملات)</div>
<div>الأرباح</div>
</div>
<div class="table1_2">
<div>الشحن &lt;10000</div>
<div style="line-height: 0.4rem;">سيحصل المدعو المباشر علي ٢ عصا سحرية,وستحصل أنت علي ١ عصا سحرية</div>
</div>
<div class="table1_3">
<div>10000 ≤ الشحن &lt;50000</div>
<div class="table1_3_div" style="line-height: 0.4rem;">في كل مرة سيشحن المدعو المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة 30 عملة أي(3٪)</div>
</div>
<div class="table1_4">
<div>الشحن ≥50000 </div>
<div style="line-height: 0.4rem;">عن كل 1000 شحن من قبل المستخدم المدعو مباشرة، أنت +50 (5.00%)</div>
</div>
<div class="table2_1">
<div style="line-height: 0.4rem;">مبلغ الشحن<br>(خلال 30 يومًا، الوحدة: العملات)</div>
<div>الأرباح</div>
</div>
<div class="table2_2">
<div>10000 ≤ الشحن &lt;50000</div>
<div style="line-height: 0.4rem;" class="table1_3_div">في كل مرة سيشحن المدعو الغير المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة ١٠ عملات ذهبية أي(١٪)</div>
</div>
<div class="table2_3">
<div>الشحن ≥50000</div>
<div style="line-height: 0.34rem;" class="table1_3_div">في كل مرة سيشحن المدعو الغير المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة ٢٠ عملة ذهبية أي(٢٪)</div>
</div>`,
<div style="line-height: 0.4rem;font-size: 0.2rem;">مقدار الإيداع الفردي<br> (الوقت: خلال 30 يومًا، الوحدة: العملات الذهبية)</div>
<div>الأرباح المكتسبة</div>
</div>
<div class="table1_2">
<div>إيداع < 70000 عملة ذهبية</div>
<div style="line-height: 0.4rem;font-size: 0.2rem;">عند قيام الشخص المدعو مباشرةً بالإيداع، ستحصل على مكافأة بنسبة 1% من مبلغ الإيداع;</div>
</div>
<div class="table1_3">
<div style="line-height: 0.4rem;">70000 عملة ذهبية ≤ إيداع < 700000 عملة ذهبية</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">عند قيام الشخص المدعو مباشرةً بالإيداع أكثر من 70000 عملة ذهبية، ستحصل على مكافأة بنسبة 2% من مبلغ الإيداع;</div>
</div>
<div class="table1_4">
<div>إيداع ≥ 700000 عملة ذهبية</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">عند قيام الشخص المدعو مباشرةً بالإيداع أكثر من 700000 عملة ذهبية، ستحصل على مكافأة بنسبة 4% من مبلغ الإيداع;</div>
</div>
<div class="table2_1">
<div style="line-height: 0.4rem;font-size: 0.2rem;">مقدار الإيداع الفردي<br> (الوقت: خلال 30 يومًا، الوحدة: العملات الذهبية)</div>
<div>الأرباح المكتسبة</div>
</div>
<div class="table2_2">
<div style="line-height: 0.4rem;">70000 عملة ذهبية ≤ إيداع < 700000 عملة ذهبية</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">عند قيام الشخص المدعو غير مباشر بالإيداع أكثر من 70000 عملة ذهبية، ستحصل على مكافأة بنسبة 0.5% من مبلغ الإيداع;</div>
</div>
<div class="table2_3">
<div>إيداع ≥ 700000 عملة ذهبية</div>
<div style="line-height: 0.34rem;font-size: 0.15rem;">عند قيام الشخص المدعو غير مباشر بالإيداع أكثر من 700000 عملة ذهبية، ستحصل على مكافأة بنسبة 1% من مبلغ الإيداع;</div>
</div>
`,
text67: `تفاصيل الأرباح`,
img5: `background: url(./images/myInfoBut-ar.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2-ar.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url(./images/ruleBoxBg-ar.png) no-repeat;background-size: 100% 100%;`,
img8: `./images/rule_inNew-ar.png`,
myIncomeText: `الحصول`,
claimed:'تم الاستلام بنجاح',
},
share: {
img1: `background: url(./images/share/header-ar.png) no-repeat;background-size: 100% 100%;`,

View File

@@ -83,38 +83,41 @@ langEn = {
text61: `Indirect Invitee`,
text62: `30-Day Top-Up`,
text66: `<div class="table1_1">
<div style="line-height: 0.4rem;">Top-Up Amount<br>(Within 30 Days, Unit: Coins)</div>
<div>Earnings</div>
</div>
<div class="table1_2">
<div>Top-Up &lt;10000</div>
<div style="line-height: 0.4rem;">Directly Invited User +2 Magic Wands, You +1 Magic Wand</div>
</div>
<div class="table1_3">
<div>10000≤ Top-Up &lt;50000</div>
<div style="line-height: 0.4rem;">For every 1000 top-up by Directly Invited User, You +30 (3.00%)</div>
</div>
<div class="table1_4">
<div>Top-Up ≥50000 </div>
<div style="line-height: 0.4rem;">For every 1000 top-up by Directly Invited User, You +50 (5.00%)</div>
</div>
<div class="table2_1">
<div style="line-height: 0.4rem;">Top-Up Amount<br>(Within 30 Days, Unit: Coins)</div>
<div>Earnings</div>
</div>
<div class="table2_2">
<div>10000≤ Top-Up &lt;50000</div>
<div style="line-height: 0.4rem;">For every 1000 top-up by Indirectly Invited User, You +10 (1.00%)</div>
</div>
<div class="table2_3">
<div>Top-Up ≥50000</div>
<div style="line-height: 0.34rem;">For every 1000 top-up by Indirectly Invited User, You +20 (2.00%)</div>
</div>`,
<div style="line-height: 0.4rem;">Single Deposit Amount<br> (Time: Within 30 days, Unit: Gold Coins)</div>
<div>Earnings</div>
</div>
<div class="table1_2">
<div>Deposit < 70000 Gold Coins</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">For each deposit made by the directly invited person, you earn 1% of the deposited amount as reward;</div>
</div>
<div class="table1_3">
<div>70000 Gold Coins ≤ Deposit < 700000 Gold Coins</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">For each deposit made by the directly invited person exceeding 70000 Gold Coins, you earn 2% of the deposited amount as reward;</div>
</div>
<div class="table1_4">
<div>Deposit ≥ 700000 Gold Coins</div>
<div style="line-height: 0.4rem;font-size: 0.2rem;">For each deposit made by the directly invited person exceeding 700000 Gold Coins, you earn 4% of the deposited amount as reward;</div>
</div>
<div class="table2_1">
<div style="line-height: 0.4rem;">Single Deposit Amount<br> (Time: Within 30 days, Unit: Gold Coins)</div>
<div>Earnings</div>
</div>
<div class="table2_2">
<div>70000 Gold Coins ≤ Deposit < 700000 Gold Coins</div>
<div style="line-height: 0.4rem;">For each deposit made by the indirectly invited person exceeding 70000 Gold Coins, you earn 0.5% of the deposited amount as reward;</div>
</div>
<div class="table2_3">
<div>Deposit ≥ 700000 Gold Coins</div>
<div style="line-height: 0.34rem;">For each deposit made by the indirectly invited person exceeding 700000 Gold Coins, you earn 1% of the deposited amount as reward;</div>
</div>
`,
text67: `Profit `,
img5: `background: url(./images/myInfoBut-en.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2-en.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url(./images/ruleBoxBg-en.png) no-repeat;background-size: 100% 100%;`,
img8: `./images/rule_inNew-en.png`,
myIncomeText: `Obtain`,
claimed:'Successfully claimed',
},
share: {
img1: `background: url(./images/share/header-en.png) no-repeat;background-size: 100% 100%;`,

View File

@@ -0,0 +1,142 @@
// 英文
langTr = {
// 模块
demoModule: {
endTimes: 'Etkinlik sona erdi',
img1: `./images/header_h3-tr.png`,
img2: `./images/rule_rule-tr.png`,
img3: `./images/rule1_in-tr.png`,
img4: `./images/rule_2in-tr.png`,
title: `Davet Ederek Coin Kazan`,
text1: `Her davet için <b>500</b> <img src="./images/gold.png" alt=""> kazan`,
text2: `Benim Kodum`,
text3: `Arkadaşlarla Paylaş`,
text4: `Davet Kodunu Kopyala`,
text5: `Kazançlar`,
texts5: `Kazançlar`,
text6: `Doğrudan Davet Kazançları`,
text7: `Dolaylı Davet Kazançları`,
text8: `Doğrudan Davet Kazançları Kaydı`,
text9: `Doğrudan Davet Kullanıcı Kaydı`,
text10: `Zaman`,
text11: `Kazanç`,
text12: `Kazanç Türü`,
text13: `Davet Edilen Kullanıcı`,
text14: `Etkinlik Kuralları`,
text15: `Bir arkadaşı kaydettirerek başarıyla davet ederseniz, her iki taraf da 500 coin kazanır, sınırsız!`,
text16: `Davet Eden: Siz`,
text17: `Doğrudan Davet Edilen`,
text18: `Arkadaşlarınızı top-up yapmaya davet edin ve 30 gün boyunca %7'ye kadar geri ödeme kazanın!`,
text19: `Davet Eden: Siz`,
text20: `Doğrudan Davet Edilen`,
text21: `Dolaylı Davet Edilen`,
text22: `Doğrudan Davet Edilen: Davet kodunuzu kullanarak kaydolanlar`,
text23: `Dolaylı Davet Edilen: Kayıtlı arkadaşlarınız tarafından davet edilenler`,
text24: `Yatırım Tutarı`,
text25: `Kazançlar`,
text26: `Yatırım Tutarı`,
text27: `Kazançlar`,
text28: `*Büyülü asa, <a href="../../modules/act-wishingStar/index.html?lang=tr"><b>Dilek Yıldızı etkinliği>>`,
text29: `Diğer Talimatlar`,
text30: `<li class="title">Davet Ödüllerinin Dağıtımı Hakkında</li>
<li>1. Davet Edilen Kullanıcının Kazançları: Sistem, yeni kullanıcı davet kodunu doldurduktan sonra ödülleri ilgili hesaba otomatik olarak dağıtır.</li>
<li>2. Davet Edenin Kazançları: Sistem, yeni kullanıcı davet kodunu doldurduktan sonra ödülleri ilgili hesaba otomatik olarak dağıtır.</li>
<li>3. Yatırım Ödülü: Sadece doğrudan yapılan yatırımlar sayılır; Yeni kullanıcı davet kodunu doldurduktan sonra ilk 30 günlük yatırımlarını tamamladığında, bir büyülü asa ödülü kazanabilir, bu ödül, Dilek Yıldızı oyununda nadir hediyeler almak için kullanılabilir; Davet edenler belirli bir yatırım miktarını tamamlayarak ek kazançlar elde edebilir ve kazançlar gerçek zamanlı olarak yatırılır.</li>
<li class="title">Geçersiz Davetler Hakkında</li>
<li>1. Aynı cihaz, aynı telefon numarası ve aynı kimlik bilgileriyle kaydolan kullanıcılar aynı kullanıcı olarak kabul edilir ve ödüller tekrar verilemez; Eğer davet eden ve davet edilen aynı cihazı, kimlik bilgilerini ve telefon numarasını kullanıyorsa, davet eden ödül alamaz.</li>
<li>2. Her yeni kullanıcı yalnızca bir kez davet kodu doldurabilir ve doldurduktan sonra değiştirilemez, dikkat! Davet kodu daha sonra doldurulamaz, lütfen yeni kullanıcıyı kaydolurken davet kodunu zamanında doldurması için bilgilendirin, aksi takdirde bu davet geçersizdir.</li>
<li>3. Herhangi bir dolandırıcılık davranışı durumunda, resmi yetkililer dolandırıcıların elde ettiği tüm ödülleri iptal etme ve hesabı yasaklama hakkına sahiptir.</li>
<li>4. Sanal telefon numaraları ve yasaklı kullanıcılar etkinliğe katılamazlar.</li>
<li class="title">Diğerleri</li>
<li>1. Herhangi bir sorunuz varsa, lütfen WhatsApp ile iletişime geçin: 8618984433556</li>
<li>2. Bu etkinliğin nihai yorumlama hakkı resmiye aittir ve Apple Inc./Google Inc. ile ilgisi yoktur.</li>`,
text31: `QR Kodunu Paylaş >`,
text32: `Arkadaşlar QR Kodunu Tarayarak İndirip Kaydolabilir`,
text33: `Get <b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
text34: `Yerel Olarak Kaydet`,
text35: `Doğrudan`,
text36: `Molistar'ı indirip Kaydınızı Yaparak 500 coin Kazanın!`,
text37: `Molistar, Kalp Atışıyla Tanışın`,
text38: `Molistar'da Sohbet Edin, Oyunlar Oynayın, Arkadaş Edinin, Her Zaman ve Her Yerde`,
text39: `Doğrudan`,
text40: `Dolaylı`,
text41: `Davet Kazançları Kaydı`,
text42: `Davet Edilen Kullanıcı Kaydı`,
text43: `Yok`,
text44: `Zaman`,
text45: `Kazanç`,
text46: `Kazanç Türü`,
text47: `Doğrudan Davet Edilen`,
text48: `Zaman`,
text49: `Kazanç`,
text50: `Kazanç Türü`,
text51: `Dolaylı Davet Edilen`,
text52: `Arkadaşları Kaydetmeye Davet Et`,
text53: `Arkadaşların Yatırım Geri Ödemesi`,
text54: `Arkadaşın İlk Yatırımı`,
text55: `Dolaylı Davet Yatırım Geri Ödemesi`,
text56: `Zaman`,
text57: `Doğrudan Davet Edilen`,
text58: `30 Günlük Yatırım`,
text59: `Zaman`,
text60: `Doğrudan Davet Edilen`,
text61: `Dolaylı Davet Edilen`,
text62: `30 Günlük Yatırım`,
text66: `<div class="table1_1">
<div style="line-height: 0.4rem;">Tek Yatırım Miktarı<br> (Zaman: Son 30 gün, Birim: Altın Paralar)</div>
<div>Kazanılan Gelir</div>
</div>
<div class="table1_2">
<div>Yatırım < 70000 Altın Para</div>
<div style="line-height: 0.4rem;">Doğrudan davet edilen kişi yatırım yaparsa, yatırılan miktarın %1'ini kazanırsınız;</div>
</div>
<div class="table1_3">
<div>70000 Altın Para ≤ Yatırım < 700000 Altın Para</div>
<div style="line-height: 0.4rem;">Doğrudan davet edilen kişi 70000 Altın Paradan fazla yatırım yaparsa, yatırılan miktarın %2'sini kazanırsınız;</div>
</div>
<div class="table1_4">
<div>Yatırım ≥ 700000 Altın Para</div>
<div style="line-height: 0.4rem;">Doğrudan davet edilen kişi 700000 Altın Paradan fazla yatırım yaparsa, yatırılan miktarın %4'ünü kazanırsınız;</div>
</div>
<div class="table2_1">
<div style="line-height: 0.4rem;">Tek Yatırım Miktarı<br> (Zaman: Son 30 gün, Birim: Altın Paralar)</div>
<div>Kazanılan Gelir</div>
</div>
<div class="table2_2">
<div>70000 Altın Para ≤ Yatırım < 700000 Altın Para</div>
<div style="line-height: 0.4rem;">Dolaylı davet edilen kişi 70000 Altın Paradan fazla yatırım yaparsa, yatırılan miktarın %0.5'ini kazanırsınız;</div>
</div>
<div class="table2_3">
<div>Yatırım ≥ 700000 Altın Para</div>
<div style="line-height: 0.34rem;">Dolaylı davet edilen kişi 700000 Altın Paradan fazla yatırım yaparsa, yatırılan miktarın %1'ini kazanırsınız;</div>
</div>
`,
text67: `Kar`,
img5: `background: url(./images/myInfoBut-tr.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2-tr.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url(./images/ruleBoxBg-tr.png) no-repeat;background-size: 100% 100%;`,
img8: `./images/rule_inNew-tr.png`,
myIncomeText: `Kazan`,
claimed:'Başarıyla alındı',
},
share: {
img1: `background: url(./images/share/header-tr.png) no-repeat;background-size: 100% 100%;`,
img2: `background: url(./images/share/codeBg-tr.png) no-repeat;background-size: 100% 100%;`,
title: `Molistar'a katıl, eğlence seni bekliyor!`,
text1: `Molistar'da beklenmedik bağlantılar keşfet.`,
text2: `Sohbet et, oyun oyna ve Molistar'da her zaman, her yerde arkadaş edin.`,
xz_id: `Molistar'ı şimdi indir!`,
text4: `Molistar'a davet kodumla kaydol ve hemen 500 altın coin kazan!`,
text5: `Yükleniyor...`,
text6: `İşlem tamamlandı`,
text7: `Başarıyla kopyalandı`,
text8: `Ağ hatası, lütfen daha sonra tekrar deneyin`,
inviteCodes: `text-align: right;`,
imgs1: `./images/share/1-tr.png`,
imgs2: `./images/share/2-tr.png`,
imgs3: `./images/share/3-tr.png`,
imgs4: `./images/share/4-tr.png`,
imgs5: `./images/share/5-tr.png`,
}
}

View File

@@ -2,7 +2,7 @@
langZh = {
// 模塊
demoModule: {
endTimes:'活動已結束',
endTimes: '活動已結束',
img1: `./images/header_h3.png`,
img2: `./images/rule_rule.png`,
img3: `./images/rule1_in.png`,
@@ -86,38 +86,41 @@ langZh = {
text64: `金幣`,
text65: `直接邀請對象+2魔法棒妳+1魔法棒`,
text66: `<div class="table1_1">
<div style="line-height: 0.4rem;">儲值數額<br>時間30天內單位:金幣)</div>
<div style="line-height: 0.4rem;">單筆充值金額<br>時間30天內 單位:金幣)</div>
<div>獲得收益</div>
</div>
<div class="table1_2">
<div>儲值&lt;10000</div>
<div style="line-height: 0.4rem;">直接邀請對象 +2 魔法棒,妳 +1 魔法棒</div>
<div>充值<70000金幣</div>
<div style="line-height: 0.4rem;">直接邀請對象充值你獲得充值金額1%金幣獎勳;</div>
</div>
<div class="table1_3">
<div>10000≤儲值&lt50000</div>
<div style="line-height: 0.4rem;">直接邀請對象每儲值1000妳+303.00%</div>
<div>70000金幣=<充值<700000金幣</div>
<div style="line-height: 0.4rem;">直接邀請對象充值>70000金幣你將獲得充值金額2%金幣獎勳;</div>
</div>
<div class="table1_4">
<div>儲值≥50000 </div>
<div style="line-height: 0.4rem;">直接邀請對象每儲值1000妳+505.00%</div>
<div>充值>=700000金幣</div>
<div style="line-height: 0.4rem;">直接邀請對象充值>700000金幣你獲得充值金額4%金幣獎勳;</div>
</div>
<div class="table2_1">
<div style="line-height: 0.4rem;">儲值數額<br>時間30天內單位:金幣)</div>
<div style="line-height: 0.4rem;">單筆充值金額<br>時間30天內 單位:金幣)</div>
<div>獲得收益</div>
</div>
<div class="table2_2">
<div>10000≤儲值&lt;50000</div>
<div style="line-height: 0.4rem;">間接邀請對象每儲值1000妳+101.00%</div>
<div>70000金幣=<充值<700000金幣</div>
<div style="line-height: 0.4rem;">間接邀請對象充值>70000金幣你將獲得充值金額0.5%金幣獎勳;</div>
</div>
<div class="table2_3">
<div>儲值≥50000</div>
<div style="line-height: 0.34rem;">間接邀請對象每儲值1000妳+202.00%</div>
</div>`,
<div>充值>=700000金幣</div>
<div style="line-height: 0.34rem;">間接邀請對象充值>700000金幣你獲得充值金額1%金幣獎勳;</div>
</div>
`,
text67: `收益明細`,
img5: `background: url(./images/myInfoBut.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url./images/ruleBoxBg.png) no-repeat;background-size: 100% 100%;`,
img7: `./images/rule_inNew.png`,
myIncomeText: `獲取`,
claimed:'領取成功',
},
share: {
img1: `background: url(./images/share/header.png) no-repeat;background-size: 100% 100%;`,

View File

@@ -0,0 +1,938 @@
html,
body {
width: 100%;
background: #2B001F;
}
.back {
width: 100%;
height: 0.58667rem;
line-height: 0.58667rem;
position: fixed;
left: 0;
top: 0.86667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.50667rem;
font-weight: bold;
z-index: 10;
}
.back img {
width: 0.58667rem;
height: 0.58667rem;
position: absolute;
left: 0.24rem;
top: 0rem;
}
.header {
width: 10rem;
height: 14.4rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
}
.header .date {
width: 8.93333rem;
height: 0.74667rem;
line-height: 0.74667rem;
background: url(../images/time_bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;
color: #FFF783;
font-size: 0.34667rem;
font-weight: 500;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 4.90667rem;
}
.header .rule {
width: 1.46667rem;
height: 0.72rem;
line-height: 0.72rem;
text-indent: 0.1rem;
text-align: center;
color: #433402;
font-size: 0.37333rem;
font-weight: 500;
background: url(../images/rule_icon.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 6.34667rem;
}
.giftBox {
position: relative;
width: 10rem;
height: 8.82667rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: -1.33333rem auto 0.42667rem;
overflow: hidden;
}
.giftBox .title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.05333rem;
text-align: center;
width: 7.50667rem;
height: 1.85333rem;
line-height: 2.66667rem;
color: #3C2800;
font-size: 0.42667rem;
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .content {
width: 8.13333rem;
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.45333rem auto 0.4rem;
}
.giftBox .gift {
width: 8.13333rem;
height: 2.66667rem;
display: flex;
justify-content: space-between;
margin: 0 auto 0;
}
.giftBox .gift div {
width: 2.66667rem;
height: 2.66667rem;
position: relative;
background: url(../images/sGiftBox.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .gift div img {
width: 1.90667rem;
height: 1.90667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.64rem;
}
.giftBox .gift div span {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.37333rem;
font-weight: 600;
position: absolute;
left: 0;
bottom: -0.53333rem;
}
.timeBox {
width: 9.14667rem;
height: 1.41333rem;
background: url(../images/timeBox.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0.42667rem;
box-sizing: border-box;
padding: 0 1.56rem;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.timeBox div {
width: 1.2rem;
height: 1.09333rem;
margin-top: 0.14667rem;
box-sizing: border-box;
border: 0.02667rem solid #FFF1B2;
background: #700034;
border-radius: 0.18667rem;
text-align: center;
}
.timeBox div span {
display: block;
color: #FFF783;
font-size: 0.45333rem;
font-weight: 500;
margin: 0.13333rem auto 0.02667rem;
}
.timeBox div b {
display: block;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
}
.page1 .top {
width: 10rem;
height: 11.2rem;
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
}
.page1 .top .tab {
width: 8.64rem;
height: 1.17333rem;
line-height: 1.17333rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0 auto 0.32rem;
}
.page1 .top .tab div {
width: 4.10667rem;
height: 1.17333rem;
color: #FFF783;
font-size: 0.45333rem;
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .top .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .top .top1 {
width: 8rem;
height: 5.06667rem;
position: relative;
margin: 0 auto 0;
}
.page1 .top .top1 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top1 .tx {
width: 2.05333rem;
height: 2.05333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.97333rem;
}
.page1 .top .top1 .name {
width: 100%;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.4rem;
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top1 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top1 .name img {
display: inline-block;
width: 1.02667rem;
height: 0.48rem;
}
.page1 .top .top1 .id {
width: 100%;
position: absolute;
top: 4rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
}
.page1 .top .top1 .score {
width: 100%;
height: 0.37333rem;
line-height: 0.37333rem;
position: absolute;
top: 4.42667rem;
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top1 .score b {
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
}
.page1 .top .top1 .score img {
display: inline-block;
width: 0.37333rem;
height: 0.37333rem;
margin-right: 0.1rem;
}
.page1 .top .top2 {
width: 4.29333rem;
height: 4.32rem;
position: absolute;
left: 0.53333rem;
top: 6.93333rem;
margin: 0 auto 0;
}
.page1 .top .top2 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top2 .tx {
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.48rem;
}
.page1 .top .top2 .name {
width: 100%;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 2.52rem;
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top2 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top2 .name img {
display: inline-block;
width: 1.02667rem;
height: 0.48rem;
}
.page1 .top .top2 .id {
width: 100%;
position: absolute;
top: 3.04rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
}
.page1 .top .top2 .score {
width: 100%;
height: 0.37333rem;
line-height: 0.37333rem;
position: absolute;
top: 3.46667rem;
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top2 .score b {
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
}
.page1 .top .top2 .score img {
display: inline-block;
width: 0.37333rem;
height: 0.37333rem;
margin-right: 0.1rem;
}
.page1 .top .top3 {
width: 4.29333rem;
height: 4.32rem;
position: absolute;
right: 0.53333rem;
top: 6.93333rem;
margin: 0 auto 0;
}
.page1 .top .top3 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top3 .tx {
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.48rem;
}
.page1 .top .top3 .name {
width: 100%;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 2.52rem;
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top3 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top3 .name img {
display: inline-block;
width: 1.02667rem;
height: 0.48rem;
}
.page1 .top .top3 .id {
width: 100%;
position: absolute;
top: 3.04rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
}
.page1 .top .top3 .score {
width: 100%;
height: 0.37333rem;
line-height: 0.37333rem;
position: absolute;
top: 3.46667rem;
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top3 .score b {
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
}
.page1 .top .top3 .score img {
display: inline-block;
width: 0.37333rem;
height: 0.37333rem;
margin-right: 0.1rem;
}
.page1 .bottom {
width: 10rem;
height: 0.66667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
position: relative;
z-index: 2;
}
.page1 .content {
width: 10rem;
height: auto;
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page1 .content ul {
width: 8.8rem;
margin: 0.37333rem auto 0rem;
}
.page1 .content ul li {
width: 100%;
height: 1.54667rem;
background: linear-gradient(0deg, #9F0141, #760231);
border-radius: 0.24rem;
border: 0.04rem solid #FFF783;
margin-bottom: 0.32rem;
overflow: hidden;
padding: 0 0.32rem 0 0.2rem;
box-sizing: border-box;
}
.page1 .content ul li .num {
float: left;
width: 0.53333rem;
height: 100%;
line-height: 1.54667rem;
color: #FFF783;
font-size: 0.42667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .content ul li .tx {
float: left;
width: 1.10667rem;
height: 1.10667rem;
border-radius: 50%;
border: 0.02667rem solid #FFF783;
display: block;
margin-top: 0.21333rem;
margin-right: 0.18667rem;
}
.page1 .content ul li .info {
float: left;
margin-top: 0.33333rem;
}
.page1 .content ul li .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.13333rem;
}
.page1 .content ul li .info p b {
max-width: 2rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .content ul li .info p img {
display: inline-block;
width: 1.02667rem;
height: 0.48rem;
}
.page1 .content ul li .info span {
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
display: block;
}
.page1 .content ul li .score {
display: flex;
float: right;
height: 1.54667rem;
line-height: 1.54667rem;
}
.page1 .content ul li .score img {
display: inline-block;
width: 0.34667rem;
height: 0.36rem;
margin: 0.6rem 0.06667rem 0 0.06667rem;
vertical-align: middle;
}
.page1 .content ul li .score b {
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
vertical-align: middle;
}
.page1 .content .more {
width: 1.65333rem;
height: 0.58667rem;
line-height: 0.58667rem;
text-align: center;
padding: 0 0.45333rem;
margin: 0 auto 0.3rem;
color: #FFF783;
border: 0.02667rem solid #FFF783;
border-radius: 0.58667rem;
box-sizing: border-box;
font-size: 0.32rem;
font-weight: 500;
}
.page1 .my {
position: fixed;
z-index: 9;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 10rem;
height: 1.73333rem;
background: linear-gradient(0deg, #9F0141, #760231);
border-radius: 0.24rem 0.24rem 0px 0px;
border: 0.04rem solid #FFF783;
box-sizing: border-box;
padding: 0 0.52rem 0 0.2rem;
}
.page1 .my .num {
float: left;
width: 0.53333rem;
height: 100%;
line-height: 1.73333rem;
color: #FFF783;
font-size: 0.42667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .my .tx {
float: left;
width: 1.10667rem;
height: 1.10667rem;
border-radius: 50%;
border: 0.02667rem solid #FFF783;
display: block;
margin-top: 0.21333rem;
margin-right: 0.18667rem;
}
.page1 .my .info {
float: left;
margin-top: 0.33333rem;
}
.page1 .my .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.13333rem;
}
.page1 .my .info p b {
max-width: 2rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .my .info p img {
display: inline-block;
width: 1.02667rem;
height: 0.48rem;
}
.page1 .my .info span {
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
display: block;
}
.page1 .my .score {
display: flex;
float: right;
height: 1.73333rem;
line-height: 1.73333rem;
}
.page1 .my .score img {
display: inline-block;
width: 0.34667rem;
height: 0.36rem;
margin: 0.69333rem 0.06667rem 0 0.06667rem;
vertical-align: middle;
}
.page1 .my .score b {
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
vertical-align: middle;
}
.page2 {
display: none;
}
.page2 .top {
width: 10rem;
height: 2.16rem;
position: relative;
background: url(../images/topBg2.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto -0.2rem;
position: relative;
}
.page2 .top .tab {
width: 8.64rem;
height: 1.17333rem;
line-height: 1.17333rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0 auto 0.32rem;
}
.page2 .top .tab div {
width: 4.10667rem;
height: 1.17333rem;
color: #FFF783;
font-size: 0.45333rem;
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .top .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .bottom {
width: 10rem;
height: 0.66667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
}
.page2 .content {
width: 10rem;
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page2 .content .box {
width: 9.06667rem;
height: 42.21333rem;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
margin: 0.2rem auto 0;
position: relative;
}
.page2 .content .box .bo {
position: absolute;
width: 0.69333rem;
height: 0.69333rem;
left: 1.88rem;
}
.page2 .content .box .bo1 {
top: 9.92rem;
}
.page2 .content .box .bo2 {
top: 23rem;
}
.page2 .content .box .bo3 {
top: 38.56rem;
}
.rules {
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.rules .rule_in {
width: 10rem;
height: 8.82667rem;
background: url(../images/ruleBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.rules .rule_in .close {
position: absolute;
width: 0.90667rem;
height: 0.90667rem;
right: 0rem;
top: 0.09333rem;
}
.rules .rule_in .titles {
width: 7.50667rem;
height: 1.85333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.05333rem;
text-align: center;
color: #3C2800;
font-size: 0.42667rem;
font-weight: 600;
line-height: 2.66667rem;
background: url(../images/ruleTitle.png) no-repeat;
background-size: 100% 100%;
}
.rules .rule_in .text {
width: 8.22667rem;
height: 5.9rem;
overflow-y: scroll;
color: #FFF783;
font-size: 0.37333rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.49333rem auto 0;
}
.rules .rule_in .text::-webkit-scrollbar {
display: none;
}
.bottomText {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin: 0.66667rem auto 2.4rem;
}
.video {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 65%;
}
.video .close {
width: 0.90667rem;
height: 0.90667rem;
position: absolute;
top: 10%;
right: 0.93333rem;
z-index: 9;
}
.arabic .header {
background: url(../images/header-ar.png) no-repeat;
background-size: 100% 100%;
}
.arabic .page2 .content .box {
background: url(../images/rewardBg-ar.png) no-repeat;
background-size: 100% 100%;
}
.china .header {
background: url(../images/header-zh.png) no-repeat;
background-size: 100% 100%;
}
.china .page2 .content .box {
background: url(../images/rewardBg-zh.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .header {
background: url(../images/header-tr.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .page2 .content .box {
background: url(../images/rewardBg-tr.png) no-repeat;
background-size: 100% 100%;
}

View File

@@ -0,0 +1,952 @@
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
width: 100%;
background: #2B001F;
}
.back {
width: 100%;
height: px2rem(44);
line-height: px2rem(44);
position: fixed;
left: 0;
top: px2rem(65);
text-align: center;
color: #FFFFFF;
font-size: px2rem(38);
font-weight: bold;
z-index: 10;
img {
width: px2rem(44);
height: px2rem(44);
position: absolute;
left: px2rem(18);
top: px2rem(0);
}
}
.header {
width: px2rem(750);
height: px2rem(1080);
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
.date {
width: px2rem(670);
height: px2rem(56);
line-height: px2rem(56);
background: url(../images/time_bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;
color: #FFF783;
font-size: px2rem(26);
font-weight: 500;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(368);
}
.rule {
width: px2rem(110);
height: px2rem(54);
line-height: px2rem(54);
text-indent: 0.1rem;
text-align: center;
color: #433402;
font-size: px2rem(28);
font-weight: 500;
background: url(../images/rule_icon.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: px2rem(476);
}
}
.giftBox {
position: relative;
width: px2rem(750);
height: px2rem(662);
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: px2rem(-100) auto px2rem(32);
overflow: hidden;
.title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(4);
text-align: center;
width: px2rem(563);
height: px2rem(139);
line-height: px2rem(200);
color: #3C2800;
font-size: px2rem(32);
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.content {
width: px2rem(610);
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
line-height: px2rem(42);
margin: px2rem(184) auto px2rem(30);
}
.gift {
width: px2rem(610);
height: px2rem(200);
display: flex;
justify-content: space-between;
margin: 0 auto 0;
div {
width: px2rem(200);
height: px2rem(200);
position: relative;
background: url(../images/sGiftBox.png) no-repeat;
background-size: 100% 100%;
img {
width: px2rem(143);
height: px2rem(143);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(48);
}
span {
width: 100%;
text-align: center;
color: #FFF783;
font-size: px2rem(28);
font-weight: 600;
position: absolute;
left: 0;
bottom: px2rem(-40);
}
}
}
}
.timeBox {
width: px2rem(686);
height: px2rem(106);
background: url(../images/timeBox.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto px2rem(32);
box-sizing: border-box;
padding: 0 px2rem(117);
display: flex;
justify-content: space-between;
overflow: hidden;
div {
width: px2rem(90);
height: px2rem(82);
margin-top: px2rem(11);
box-sizing: border-box;
border: px2rem(2) solid #FFF1B2;
background: #700034;
border-radius: px2rem(14);
text-align: center;
span {
display: block;
color: #FFF783;
font-size: px2rem(34);
font-weight: 500;
margin: px2rem(10) auto px2rem(2);
}
b {
display: block;
color: #FFF783;
font-size: px2rem(24);
font-weight: 400;
}
}
}
.page1 {
// display: none;
.top {
width: px2rem(750);
height: px2rem(840);
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
.tab {
width: px2rem(648);
height: px2rem(88);
line-height: px2rem(88);
text-align: center;
display: flex;
justify-content: space-between;
margin: 0 auto px2rem(24);
div {
width: px2rem(308);
height: px2rem(88);
color: #FFF783;
font-size: px2rem(34);
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
}
.top1 {
width: px2rem(600);
height: px2rem(380);
position: relative;
margin: 0 auto 0;
.ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.tx {
width: px2rem(154);
height: px2rem(154);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(73);
}
.name {
width: 100%;
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
top: px2rem(255);
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: px2rem(30);
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
img {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
}
}
.id {
width: 100%;
position: absolute;
top: px2rem(300);
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
}
.score {
width: 100%;
height: px2rem(28);
line-height: px2rem(28);
position: absolute;
top: px2rem(332);
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
b {
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
}
img {
display: inline-block;
width: px2rem(28);
height: px2rem(28);
margin-right: 0.1rem;
}
}
}
.top2 {
width: px2rem(322);
height: px2rem(324);
position: absolute;
left: px2rem(40);
top: px2rem(520);
margin: 0 auto 0;
.ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.tx {
width: px2rem(120);
height: px2rem(120);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(36);
}
.name {
width: 100%;
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
top: px2rem(189);
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: px2rem(30);
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
img {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
}
}
.id {
width: 100%;
position: absolute;
top: px2rem(228);
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
}
.score {
width: 100%;
height: px2rem(28);
line-height: px2rem(28);
position: absolute;
top: px2rem(260);
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
b {
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
}
img {
display: inline-block;
width: px2rem(28);
height: px2rem(28);
margin-right: 0.1rem;
}
}
}
.top3 {
width: px2rem(322);
height: px2rem(324);
position: absolute;
right: px2rem(40);
top: px2rem(520);
margin: 0 auto 0;
.ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.tx {
width: px2rem(120);
height: px2rem(120);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(36);
}
.name {
width: 100%;
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
top: px2rem(189);
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: px2rem(30);
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
img {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
}
}
.id {
width: 100%;
position: absolute;
top: px2rem(228);
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
}
.score {
width: 100%;
height: px2rem(28);
line-height: px2rem(28);
position: absolute;
top: px2rem(260);
left: 0;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
b {
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
}
img {
display: inline-block;
width: px2rem(28);
height: px2rem(28);
margin-right: 0.1rem;
}
}
}
}
.bottom {
width: px2rem(750);
height: px2rem(50);
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
position: relative;
z-index: 2;
}
.content {
width: px2rem(750);
height: auto;
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
ul {
width: px2rem(660);
margin: px2rem(28) auto px2rem(0);
li {
width: 100%;
height: px2rem(116);
background: linear-gradient(0deg, #9F0141, #760231);
border-radius: px2rem(18);
border: px2rem(3) solid #FFF783;
margin-bottom: px2rem(24);
overflow: hidden;
padding: 0 px2rem(24) 0 px2rem(15);
box-sizing: border-box;
.num {
float: left;
width: px2rem(40);
height: 100%;
line-height: px2rem(116);
color: #FFF783;
font-size: px2rem(32);
font-weight: 600;
margin-right: px2rem(27);
text-align: center;
}
.tx {
float: left;
width: px2rem(83);
height: px2rem(83);
border-radius: 50%;
border: px2rem(2) solid #FFF783;
display: block;
margin-top: px2rem(16);
margin-right: px2rem(14);
}
.info {
float: left;
margin-top: px2rem(25);
p {
height: px2rem(36);
line-height: px2rem(36);
margin-bottom: px2rem(10);
b {
max-width: 2rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: px2rem(30);
font-weight: 500;
}
img {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
}
}
span {
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
display: block;
}
}
.score {
display: flex;
float: right;
height: px2rem(116);
line-height: px2rem(116);
img {
display: inline-block;
width: px2rem(26);
height: px2rem(27);
margin: px2rem(45) px2rem(5) 0 px2rem(5);
vertical-align: middle;
}
b {
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
vertical-align: middle;
}
}
}
}
.more {
width: px2rem(124);
height: px2rem(44);
line-height: px2rem(44);
text-align: center;
padding: 0 px2rem(34);
margin: 0 auto 0.3rem;
color: #FFF783;
border: px2rem(2) solid #FFF783;
border-radius: px2rem(44);
box-sizing: border-box;
font-size: px2rem(24);
font-weight: 500;
}
}
.my {
position: fixed;
z-index: 9;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: px2rem(750);
height: px2rem(130);
background: linear-gradient(0deg, #9F0141, #760231);
border-radius: px2rem(18) px2rem(18) 0px 0px;
border: px2rem(3) solid #FFF783;
box-sizing: border-box;
padding: 0 px2rem(39) 0 px2rem(15);
.num {
float: left;
width: px2rem(40);
height: 100%;
line-height: px2rem(130);
color: #FFF783;
font-size: px2rem(32);
font-weight: 600;
margin-right: px2rem(27);
text-align: center;
}
.tx {
float: left;
width: px2rem(83);
height: px2rem(83);
border-radius: 50%;
border: px2rem(2) solid #FFF783;
display: block;
margin-top: px2rem(16);
margin-right: px2rem(14);
}
.info {
float: left;
margin-top: px2rem(25);
p {
height: px2rem(36);
line-height: px2rem(36);
margin-bottom: px2rem(10);
b {
max-width: 2rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: px2rem(30);
font-weight: 500;
}
img {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
}
}
span {
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
display: block;
}
}
.score {
display: flex;
float: right;
height: px2rem(130);
line-height: px2rem(130);
img {
display: inline-block;
width: px2rem(26);
height: px2rem(27);
margin: px2rem(52) px2rem(5) 0 px2rem(5);
vertical-align: middle;
}
b {
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
vertical-align: middle;
}
}
}
}
.page2 {
display: none;
.top {
width: px2rem(750);
height: px2rem(162);
position: relative;
background: url(../images/topBg2.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto -0.2rem;
position: relative;
.tab {
width: px2rem(648);
height: px2rem(88);
line-height: px2rem(88);
text-align: center;
display: flex;
justify-content: space-between;
margin: 0 auto px2rem(24);
div {
width: px2rem(308);
height: px2rem(88);
color: #FFF783;
font-size: px2rem(34);
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
}
}
.bottom {
width: px2rem(750);
height: px2rem(50);
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
}
.content {
width: px2rem(750);
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
.box {
width: px2rem(680);
height: px2rem(3166);
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
margin: 0.2rem auto 0;
position: relative;
.bo {
position: absolute;
width: px2rem(52);
height: px2rem(52);
left: px2rem(141);
}
.bo1 {
top: px2rem(744);
}
.bo2 {
top: px2rem(1725);
}
.bo3 {
top: px2rem(2892);
}
}
}
}
.rules {
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, .5);
display: none;
.rule_in {
width: px2rem(750);
height: px2rem(662);
background: url(../images/ruleBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
.close {
position: absolute;
width: px2rem(68);
height: px2rem(68);
right: px2rem(0);
top: px2rem(7);
}
.titles {
width: px2rem(563);
height: px2rem(139);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(4);
text-align: center;
color: #3C2800;
font-size: px2rem(32);
font-weight: 600;
line-height: px2rem(200);
background: url(../images/ruleTitle.png) no-repeat;
background-size: 100% 100%;
}
.text {
width: px2rem(617);
height: 5.9rem;
overflow-y: scroll;
color: #FFF783;
font-size: px2rem(28);
font-weight: 400;
line-height: px2rem(42);
margin: px2rem(187) auto 0;
&::-webkit-scrollbar {
display: none;
}
}
}
}
.bottomText {
width: 100%;
text-align: center;
color: #FFF783;
font-size: px2rem(24);
font-weight: 400;
margin: px2rem(50) auto px2rem(180);
}
.video {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .5);
z-index: 99;
display: none;
video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 65%;
}
.close {
width: px2rem(68);
height: px2rem(68);
position: absolute;
top: 10%;
right: px2rem(70);
z-index: 9;
}
}
.arabic {
.header {
background: url(../images/header-ar.png) no-repeat;
background-size: 100% 100%;
}
.page2 .content .box {
background: url(../images/rewardBg-ar.png) no-repeat;
background-size: 100% 100%;
}
}
.china {
.header {
background: url(../images/header-zh.png) no-repeat;
background-size: 100% 100%;
}
.page2 .content .box {
background: url(../images/rewardBg-zh.png) no-repeat;
background-size: 100% 100%;
}
}
.Turkiye {
.header {
background: url(../images/header-tr.png) no-repeat;
background-size: 100% 100%;
}
.page2 .content .box {
background: url(../images/rewardBg-tr.png) no-repeat;
background-size: 100% 100%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 695 B

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