Compare commits
68 Commits
Author | SHA1 | Date | |
---|---|---|---|
![]() |
57b54f6942 | ||
![]() |
3a71ccb6c0 | ||
![]() |
83ad69a4ba | ||
![]() |
11d087eff2 | ||
![]() |
a3de94198c | ||
![]() |
86dc8bc101 | ||
![]() |
854c7a5170 | ||
![]() |
8e0e2a1798 | ||
![]() |
c3ca2c8f33 | ||
![]() |
935dca1ced | ||
![]() |
3c0879357e | ||
![]() |
de77feec19 | ||
![]() |
4c206c94e6 | ||
![]() |
665f326967 | ||
![]() |
5c042369fc | ||
![]() |
269415685d | ||
![]() |
abd8deec4c | ||
![]() |
95416c0ef0 | ||
![]() |
b4fdf87984 | ||
![]() |
b03374eddb | ||
![]() |
b650b04101 | ||
![]() |
6619db011d | ||
![]() |
5c9597188f | ||
![]() |
4d49228ea6 | ||
![]() |
7c0ec3a053 | ||
![]() |
4f5a4bd2f1 | ||
![]() |
b4e5279dd1 | ||
![]() |
f00ef26431 | ||
![]() |
660cbde145 | ||
![]() |
bdf9d34ea7 | ||
![]() |
5a695caac4 | ||
![]() |
f26364ffef | ||
![]() |
9c3a66300e | ||
![]() |
b6fe002a9f | ||
![]() |
a41ff15608 | ||
![]() |
579a25a047 | ||
![]() |
b13763b0b3 | ||
![]() |
9e82ab9cfc | ||
![]() |
779dddffc8 | ||
![]() |
ac7a7b51d3 | ||
![]() |
e2595fbb11 | ||
![]() |
edd003ceb4 | ||
![]() |
06d2f79d49 | ||
![]() |
b2b2cbe10d | ||
![]() |
bb48955bc6 | ||
![]() |
e90f2fcccb | ||
![]() |
cda5b1a2e7 | ||
![]() |
8963f2228d | ||
![]() |
777cba90bd | ||
![]() |
7c9c75b9ae | ||
![]() |
c62c02655a | ||
![]() |
b522baca60 | ||
![]() |
e72bcc1ce1 | ||
![]() |
bb2784dae7 | ||
![]() |
6983b611f6 | ||
![]() |
96fc251f09 | ||
![]() |
bb2c2b44cb | ||
![]() |
ef6bcac4e9 | ||
![]() |
52925e948b | ||
![]() |
43736ecd86 | ||
![]() |
63c10b4e2a | ||
![]() |
4a87f8e70f | ||
![]() |
d06a9136cc | ||
![]() |
3e9a323e77 | ||
![]() |
192846f665 | ||
![]() |
04ec4e1213 | ||
![]() |
d4edc4d7f9 | ||
![]() |
33b327ef08 |
1910
view/peko/activity/act-2023-qx/css/index.css
Normal file
2140
view/peko/activity/act-2023-qx/css/index.scss
Normal file
13
view/peko/activity/act-2023-qx/css/swiper-bundle.min.css
vendored
Normal file
BIN
view/peko/activity/act-2023-qx/images/1.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/10.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/11.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
view/peko/activity/act-2023-qx/images/2.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
view/peko/activity/act-2023-qx/images/3.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
view/peko/activity/act-2023-qx/images/4.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
view/peko/activity/act-2023-qx/images/5.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
view/peko/activity/act-2023-qx/images/6.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
view/peko/activity/act-2023-qx/images/betrothal.png
Normal file
After Width: | Height: | Size: 50 KiB |
BIN
view/peko/activity/act-2023-qx/images/betrothalbg1.png
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
view/peko/activity/act-2023-qx/images/betrothalbg2.png
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
view/peko/activity/act-2023-qx/images/bird.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingBag.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingBagLiBg.png
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingTree.png
Normal file
After Width: | Height: | Size: 478 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingTree1.svga
Normal file
BIN
view/peko/activity/act-2023-qx/images/blessingTreeBoomt.png
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingTreeBoomt2.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/activity/act-2023-qx/images/blessingTreeBut.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/activity/act-2023-qx/images/butOut.png
Normal file
After Width: | Height: | Size: 6.0 KiB |
BIN
view/peko/activity/act-2023-qx/images/center.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
view/peko/activity/act-2023-qx/images/drop.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/peko/activity/act-2023-qx/images/endActivity.png
Normal file
After Width: | Height: | Size: 9.9 KiB |
BIN
view/peko/activity/act-2023-qx/images/endActivitybut.png
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
view/peko/activity/act-2023-qx/images/go.png
Normal file
After Width: | Height: | Size: 867 B |
BIN
view/peko/activity/act-2023-qx/images/header.png
Normal file
After Width: | Height: | Size: 601 KiB |
BIN
view/peko/activity/act-2023-qx/images/lantern.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/act-2023-qx/images/left.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/act-2023-qx/images/leftRen.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
view/peko/activity/act-2023-qx/images/lineBg.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/activity/act-2023-qx/images/lineTx.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
view/peko/activity/act-2023-qx/images/logo.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
view/peko/activity/act-2023-qx/images/loveIcon.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
view/peko/activity/act-2023-qx/images/loveListTimeBg.png
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
view/peko/activity/act-2023-qx/images/magpieBridge.png
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
view/peko/activity/act-2023-qx/images/magpieBridgeBg.png
Normal file
After Width: | Height: | Size: 197 KiB |
BIN
view/peko/activity/act-2023-qx/images/magpieBridgeBg2.png
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
view/peko/activity/act-2023-qx/images/myBg.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
view/peko/activity/act-2023-qx/images/no1.png
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
view/peko/activity/act-2023-qx/images/no1Bg.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-2023-qx/images/no2.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
view/peko/activity/act-2023-qx/images/no23Bg.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-2023-qx/images/no3.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
view/peko/activity/act-2023-qx/images/openLantern.png
Normal file
After Width: | Height: | Size: 4.8 KiB |
BIN
view/peko/activity/act-2023-qx/images/out.png
Normal file
After Width: | Height: | Size: 832 B |
BIN
view/peko/activity/act-2023-qx/images/page3Libg.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/act-2023-qx/images/page4Tab1.png
Normal file
After Width: | Height: | Size: 46 KiB |
BIN
view/peko/activity/act-2023-qx/images/page4Tab2.png
Normal file
After Width: | Height: | Size: 46 KiB |
BIN
view/peko/activity/act-2023-qx/images/pagesTab1.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/pagesTab2.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/redRopeIcon.png
Normal file
After Width: | Height: | Size: 764 B |
BIN
view/peko/activity/act-2023-qx/images/refresh.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/peko/activity/act-2023-qx/images/right.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/act-2023-qx/images/rightRen.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
BIN
view/peko/activity/act-2023-qx/images/roomRule.png
Normal file
After Width: | Height: | Size: 63 KiB |
BIN
view/peko/activity/act-2023-qx/images/rule_bg.png
Normal file
After Width: | Height: | Size: 851 B |
BIN
view/peko/activity/act-2023-qx/images/rule_pub.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
view/peko/activity/act-2023-qx/images/rule_pub_in.png
Normal file
After Width: | Height: | Size: 143 KiB |
BIN
view/peko/activity/act-2023-qx/images/sts.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
view/peko/activity/act-2023-qx/images/sweet.png
Normal file
After Width: | Height: | Size: 83 KiB |
BIN
view/peko/activity/act-2023-qx/images/sweet2.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
view/peko/activity/act-2023-qx/images/sweet_in1.png
Normal file
After Width: | Height: | Size: 84 KiB |
BIN
view/peko/activity/act-2023-qx/images/sweet_in2.png
Normal file
After Width: | Height: | Size: 84 KiB |
BIN
view/peko/activity/act-2023-qx/images/tab1.png
Normal file
After Width: | Height: | Size: 26 KiB |
BIN
view/peko/activity/act-2023-qx/images/tab2.png
Normal file
After Width: | Height: | Size: 26 KiB |
BIN
view/peko/activity/act-2023-qx/images/tab3.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
view/peko/activity/act-2023-qx/images/tab4.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
view/peko/activity/act-2023-qx/images/task.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
view/peko/activity/act-2023-qx/images/task2.png
Normal file
After Width: | Height: | Size: 52 KiB |
BIN
view/peko/activity/act-2023-qx/images/task2But.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/act-2023-qx/images/taskIcon.png
Normal file
After Width: | Height: | Size: 8.0 KiB |
BIN
view/peko/activity/act-2023-qx/images/title.png
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
view/peko/activity/act-2023-qx/images/titleHeader.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-2023-qx/images/travel/back.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
view/peko/activity/act-2023-qx/images/tree.svga
Normal file
BIN
view/peko/activity/act-2023-qx/images/xique.svga
Normal file
468
view/peko/activity/act-2023-qx/index.html
Normal file
@@ -0,0 +1,468 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>心動七夕遊園會</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<div class="rule">活動規則</div>
|
||||
<!-- 時間 -->
|
||||
<div class="titleHeader"></div>
|
||||
</div>
|
||||
<!-- 定情信物 -->
|
||||
<div class="betrothal">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/betrothalbg1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/betrothalbg2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- tab切換 -->
|
||||
<div class="tab tabs tab1">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- page1 -->
|
||||
<div class="page1">
|
||||
<!-- 福袋展示 -->
|
||||
<div class="blessingBag">
|
||||
<div class="blessingBag_in">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./images/11.png" alt="">
|
||||
<p>飛上雲霄</p>
|
||||
<b>177 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/2.png" alt="">
|
||||
<p>情意捲軸</p>
|
||||
<b>377 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/3.png" alt="">
|
||||
<p>桃花灼灼</p>
|
||||
<b>1777 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/4.png" alt="">
|
||||
<p>花色漫漫</p>
|
||||
<b>2777 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/5.png" alt="">
|
||||
<p>相思鳥</p>
|
||||
<b>13140 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/6.png" alt="">
|
||||
<p>煙火愛戀</p>
|
||||
<b>27777 鉆</b>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<img src="./images/11.png" alt="">
|
||||
<p>飛上雲霄</p>
|
||||
<b>177 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/2.png" alt="">
|
||||
<p>情意捲軸</p>
|
||||
<b>377 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/3.png" alt="">
|
||||
<p>桃花灼灼</p>
|
||||
<b>1777 鉆</b>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./images/4.png" alt="">
|
||||
<p>花色漫漫</p>
|
||||
<b>2777 鉆</b>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 鵲橋 -->
|
||||
<div class="magpieBridge">
|
||||
<!-- 左边人物 -->
|
||||
<img src="./images/leftRen.png" alt="" class="leftRen">
|
||||
<!-- 右边人物 -->
|
||||
<img src="./images/rightRen.png" alt="" class="rightRen">
|
||||
<!-- 背景鵲橋圖 -->
|
||||
<img src="./images/magpieBridgeBg2.png" alt="" class="magpieBridgeBg">
|
||||
<!-- 喜鵲動效 -->
|
||||
<div class="xiques">
|
||||
<div class="xique"></div>
|
||||
</div>
|
||||
<!-- 我的喜鵲 -->
|
||||
<p class="birdNum">
|
||||
<img src="./images/bird.png" alt="" class="bird">
|
||||
<b>我的喜鵲: 0</b>
|
||||
</p>
|
||||
<!-- 投放喜鵲*1 -->
|
||||
<div class="but1">投放喜鵲*1</div>
|
||||
<!-- 投放喜鵲*10 -->
|
||||
<div class="but10">投放喜鵲*10</div>
|
||||
<!-- 領取獎勵 -->
|
||||
<div class="buting">領取獎勵</div>
|
||||
<!-- 領取失敗 -->
|
||||
<div class="buterr">領取獎勵</div>
|
||||
<!-- 已領取 -->
|
||||
<div class="butout">已領取</div>
|
||||
<!-- 文案展示 -->
|
||||
<p class="text">將喜鵲投入鵲橋,拉近牛郎和織女的距離<br>
|
||||
鵲橋相會後,參與搭建鵲橋的用戶可領取活動獎勵</p>
|
||||
<!-- 進度條 -->
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
</div>
|
||||
<!-- 頭飾框 -->
|
||||
<div class="ts">
|
||||
<img src="./images/sts.png" alt="" class="">
|
||||
<b>鵲仙橋頭飾*3天</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 每日任務 tasks2-->
|
||||
<div class="task ">
|
||||
<div class="tab">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="box1">
|
||||
<p class="title">完成每日任務可獲得喜鵲,任務每日0點刷新<br>
|
||||
任務獎勵自動發放</p>
|
||||
<div class="task1">
|
||||
<img src="./images/taskIcon.png" alt="">
|
||||
<div class="but">去完成</div>
|
||||
<b class="p1">訪問活動頁</b>
|
||||
<b class="p2">獎勵:喜鵲*5</b>
|
||||
</div>
|
||||
<div class="task2">
|
||||
<img src="./images/taskIcon.png" alt="">
|
||||
<div class="but">去完成</div>
|
||||
<b class="p1">任意房間發送彈幕(0/3)</b>
|
||||
<b class="p2">獎勵:喜鵲*5</b>
|
||||
</div>
|
||||
<div class="task3">
|
||||
<img src="./images/taskIcon.png" alt="">
|
||||
<div class="but">去完成</div>
|
||||
<b class="p1">在任意直播間停留</b>
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
<img src="./images/drop.png" alt="" class="drop1">
|
||||
<img src="./images/drop.png" alt="" class="drop2">
|
||||
<span class="sp1">+2喜鵲</span>
|
||||
<span class="sp2">+3喜鵲</span>
|
||||
<span class="sp3">+5喜鵲</span>
|
||||
<span class="sp4">10分鐘</span>
|
||||
<span class="sp5">20分鐘</span>
|
||||
<span class="sp6">30分鐘</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<img src="./images/task2But.png" alt="" class="task2But">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page2 -->
|
||||
<div class="page2">
|
||||
<!-- 祈願樹 -->
|
||||
<div class="blessingTree">
|
||||
<!-- 剩余紅繩 -->
|
||||
<div class="redRope">
|
||||
<img src="./images/redRopeIcon.png" alt="" class="redRopeIcon">
|
||||
我的祈願紅繩:<b>0</b>
|
||||
</div>
|
||||
<!-- 祈願按鈕 -->
|
||||
<div class="but"></div>
|
||||
<p class="introduction">每獲得10隻喜鵲即可自動獲得祈願紅繩*1</p>
|
||||
<!-- 刷新 -->
|
||||
<div class="refresh">
|
||||
<img src="./images/refresh.png" alt="" class="refreshIcon">
|
||||
換一批
|
||||
</div>
|
||||
<!-- 打開燈籠 openLantern-->
|
||||
<div class="lantern lantern1">
|
||||
<div class="box">
|
||||
<img src="" alt="">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="lantern lantern2">
|
||||
<div class="box">
|
||||
<img src="" alt="">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="lantern lantern3">
|
||||
<div class="box">
|
||||
<img src="" alt="">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="lantern lantern4">
|
||||
<div class="box">
|
||||
<img src="" alt="">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 動效 -->
|
||||
<div class="blessingTreeSvga blessingTreeSvga1">
|
||||
<div class="blessingTreeSvgaActive blessingTreeSvgaActive1"></div>
|
||||
</div>
|
||||
<div class="blessingTreeSvga blessingTreeSvga2">
|
||||
<div class="blessingTreeSvgaActive blessingTreeSvgaActive2"></div>
|
||||
</div>
|
||||
<div class="blessingTreeSvga blessingTreeSvga3">
|
||||
<div class="blessingTreeSvgaActive blessingTreeSvgaActive3"></div>
|
||||
</div>
|
||||
<div class="blessingTreeSvga blessingTreeSvga4">
|
||||
<div class="blessingTreeSvgaActive blessingTreeSvgaActive4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 獎池&記錄 blessingTreeBoomt2-->
|
||||
<div class="blessingTreeBoomt">
|
||||
<div class="tab">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<div class="title">
|
||||
<div>獲取時間</div>
|
||||
<div>獲得獎勵</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<p>2023/01/18</p>
|
||||
<i>23:45:234</i>
|
||||
</div>
|
||||
<div class="b">
|
||||
蓮花燈777鉆
|
||||
</div>
|
||||
</li>
|
||||
<li class="active">
|
||||
<div>
|
||||
<p>2023/01/18</p>
|
||||
<i>23:45:234</i>
|
||||
</div>
|
||||
<div>
|
||||
<p>蓮花燈</p>
|
||||
<b>777鉆</b>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page3 -->
|
||||
<div class="page3">
|
||||
<!-- 活動規則 -->
|
||||
<div class="rule">活動規則</div>
|
||||
<!-- 標題 -->
|
||||
<img src="./images/title.png" alt="" class="title">
|
||||
<p class="titleText">贈送普通禮物10鉆石=1情緣值,七夕限定禮物10鉆石=3情緣值</p>
|
||||
<!-- 前三 -->
|
||||
<div class="no no1">
|
||||
<img src="./images/no1.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no2">
|
||||
<img src="./images/no2.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no3">
|
||||
<img src="./images/no3.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 非前三 -->
|
||||
<ul>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name"></div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 自己榜單 -->
|
||||
<div class="my">
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">虛位以待</div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 規則彈窗 -->
|
||||
<div class="roomRule">
|
||||
<img src="./images/roomRule.png" alt="" class="roomRule_in">
|
||||
</div>
|
||||
</div>
|
||||
<!-- page4 -->
|
||||
<div class="page4">
|
||||
<!-- 活動規則 -->
|
||||
<div class="rule">榜單獎勵</div>
|
||||
<!-- 相會鵲橋 -->
|
||||
<div class="loveList">
|
||||
<img src="./images/left.png" alt="" class="left">
|
||||
<img src="./images/center.png" alt="" class="center">
|
||||
<img src="./images/right.png" alt="" class="right">
|
||||
<img src="./images/logo.png" alt="" class="txL">
|
||||
<img src="./images/logo.png" alt="" class="txR">
|
||||
<div class="leftName">虛位以待</div>
|
||||
<div class="rightName">虛位以待</div>
|
||||
<p>活動期間每小時甜蜜值第一的主播和最佳助力的用戶</p>
|
||||
<div class="times">距下一小時一起上榜結果<span>00</span>:<span>00</span></div>
|
||||
</div>
|
||||
<!-- tab切換 -->
|
||||
<div class="page4Tab">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- 日榜總榜 -->
|
||||
<div class="dayAll">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- 禮物值說明 -->
|
||||
<div class="giftVal">收到普通禮物10鉆石=1甜蜜值,七夕限定禮物10鉆石=3甜蜜值</div>
|
||||
<!-- 日榜時間選擇 -->
|
||||
<div class="timeList">
|
||||
<div class=""></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- 前三 -->
|
||||
<div class="no no1">
|
||||
<img src="./images/no1.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no2">
|
||||
<img src="./images/no2.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no3">
|
||||
<img src="./images/no3.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶昵稱</p>
|
||||
<div>
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 非前三 -->
|
||||
<ul>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name"></div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 自己榜單 -->
|
||||
<div class="my">
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">虛位以待</div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:XXX</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 甜蜜榜單 -->
|
||||
<div class="sweet">
|
||||
<div class="sweet_in">
|
||||
<div class="box">
|
||||
<img src="./images/sweet_in1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 活動規則彈窗 -->
|
||||
<div class="rule_pub">
|
||||
<div class="rule_pub_in">
|
||||
<div class="box">
|
||||
<img src="./images/rule_pub_in.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 活動結束彈窗 -->
|
||||
<div class="endActivity">
|
||||
<div class="endActivity_in">
|
||||
<img src="./images/endActivitybut.png" alt="" class="but">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/swiper-bundle.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
942
view/peko/activity/act-2023-qx/js/index.js
Normal file
@@ -0,0 +1,942 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加載中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var xiqueNum = 0;//當前剩余喜鵲數量
|
||||
var roomUid = 0;//房間uid
|
||||
var giftId = 0;//默認禮物id
|
||||
var xiqueBut = true;//投放喜鵲鎖
|
||||
var data = null;//默認日榜
|
||||
var rankType = 1;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
var curDate;//當天日期
|
||||
var nextHourTimeStamp;//下一輪結束時間戳
|
||||
var leftTime;//倒計時暫存
|
||||
var timeOut2;//儲存定時器
|
||||
var redLineNum = 0;//紅繩數量
|
||||
var page = 1;//頁碼
|
||||
var pageSizeLack = true;// 下拉更多鎖
|
||||
var lack = true;// 抽獎鎖
|
||||
var timeEndLock = true;
|
||||
var lock = true;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
setTimeout(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
swiperFun();
|
||||
getConfig();
|
||||
getRecommendRoom();
|
||||
}, 100)
|
||||
})
|
||||
})
|
||||
// 初始化接口
|
||||
function getConfig () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/2023Qixi/xique/getConfig',
|
||||
data: {},
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 判断活动结束时间
|
||||
if (res.timestamp > res.data.endTime) {
|
||||
timeEndLock = false;
|
||||
$('.endActivity').show();
|
||||
}
|
||||
// 處理活動時間
|
||||
$('.header .titleHeader').text(`活動時間:${dateFormat(res.data.startTime, 'yyyy年MM月dd日')}-${dateFormat(res.data.endTime, 'yyyy年MM月dd日')}`)
|
||||
// 當前用戶喜鵲
|
||||
xiqueNum = res.data.xiqueNum
|
||||
$('.page1 .magpieBridge .birdNum b').text(`我的喜鵲: ${res.data.xiqueNum}`)
|
||||
// 處理當前喜鵲進度狀態值
|
||||
var curXiqueNums = res.data.serverCurXiqueNum / res.data.serverMaxXiqueNum * 100;
|
||||
$('.page1 .magpieBridge .line .line_in').css('width', curXiqueNums >= 100 ? '100%' : `${curXiqueNums}%`);
|
||||
if (curXiqueNums < 20) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '10%');
|
||||
} else if (curXiqueNums >= 20 && curXiqueNums < 40) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '17.5%');
|
||||
} else if (curXiqueNums >= 40 && curXiqueNums < 60) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '25%');
|
||||
} else if (curXiqueNums >= 60 && curXiqueNums < 80) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '32.5%');
|
||||
} else if (curXiqueNums >= 100) {
|
||||
$('.page1 .magpieBridge .leftRen').css('left', '40%');
|
||||
}
|
||||
if (curXiqueNums < 20) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '10%');
|
||||
} else if (curXiqueNums >= 20 && curXiqueNums < 40) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '13.75%');
|
||||
} else if (curXiqueNums >= 40 && curXiqueNums < 60) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '20.5%');
|
||||
} else if (curXiqueNums >= 60 && curXiqueNums < 80) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '27.25%');
|
||||
} else if (curXiqueNums >= 100) {
|
||||
$('.page1 .magpieBridge .rightRen').css('right', '34%');
|
||||
}
|
||||
// 處理領取喜鵲頭飾按鈕狀態
|
||||
if (res.data.devotedBtnStatus == 0) {//投入按鈕狀態(0=可投入,1=可領取,2=不能領取,-1=已領取)
|
||||
$('.page1 .magpieBridge .buting').hide();
|
||||
$('.page1 .magpieBridge .buterr').hide();
|
||||
$('.page1 .magpieBridge .butout').hide();
|
||||
$('.page1 .magpieBridge .but1').show();
|
||||
$('.page1 .magpieBridge .but10').show();
|
||||
} else if (res.data.devotedBtnStatus == 1) {//投入按鈕狀態(0=可投入,1=可領取,2=不能領取,-1=已領取)
|
||||
$('.page1 .magpieBridge .buting').show();
|
||||
$('.page1 .magpieBridge .but1').hide();
|
||||
$('.page1 .magpieBridge .but10').hide();
|
||||
} else if (res.data.devotedBtnStatus == 2) {
|
||||
$('.page1 .magpieBridge .buterr').show();
|
||||
$('.page1 .magpieBridge .but1').hide();
|
||||
$('.page1 .magpieBridge .but10').hide();
|
||||
} else if (res.data.devotedBtnStatus < 0) {
|
||||
$('.page1 .magpieBridge .butout').show();
|
||||
$('.page1 .magpieBridge .but1').hide();
|
||||
$('.page1 .magpieBridge .but10').hide();
|
||||
}
|
||||
// 處理任務狀態
|
||||
res.data.dailyTaskList.forEach((res, i) => {
|
||||
$(`.page1 .task .box1 .task${i + 1} .p2`).text(`獎勵:喜鵲*${res.xiqueNum}`)
|
||||
if (res.btnStatus == 1) {//已完成
|
||||
$(`.page1 .task .box1 .task${i + 1} .but`).addClass('out');
|
||||
$(`.page1 .task .box1 .task${i + 1} .but`).text('已完成');
|
||||
$(`.page1 .task .box1 .task${i + 1} .but`).attr('click', 0);
|
||||
}
|
||||
if (i == 1) {
|
||||
$(`.page1 .task .box1 .task2 .p1`).text(`任意房間發送彈幕(${res.cur}/${res.need})`)
|
||||
}
|
||||
if (i == 2) {
|
||||
var percentage = res.cur / res.need * 100;
|
||||
$('.page1 .task .box1 .task3 .line .line_in').css('width', percentage >= 100 ? '100%' : `${percentage}%`);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 獲取房間Uid接口
|
||||
function getRecommendRoom () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/home/tab/home/one',
|
||||
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
roomUid = res.data;
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 祈福配置接口
|
||||
function redLineGetConfig () {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/redLine/getConfig',
|
||||
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 設置紅繩數量
|
||||
redLineNum = res.data.redLineNum;
|
||||
$('.page2 .blessingTree .redRope b').text(res.data.redLineNum);
|
||||
// 渲染祈福列錶
|
||||
res.data.drawList.forEach((res, i) => {
|
||||
$(`.page2 .blessingTree .lantern${i + 1}`).attr('id', res.id);
|
||||
if (res.able) {
|
||||
$(`.page2 .blessingTree .lantern${i + 1}`).removeClass('openLantern');
|
||||
} else {
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).removeClass('typemp').removeClass('typeqp');
|
||||
if (res.type == 2) {
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).addClass("typemp");
|
||||
} else if (res.type == 3) {
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).addClass("typeqp");
|
||||
} else {
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).removeClass('typemp').removeClass('typeqp');
|
||||
}
|
||||
$(`.page2 .blessingTree .lantern${i + 1} img`).attr('src', res.pic);
|
||||
$(`.page2 .blessingTree .lantern${i + 1} .box p`).text(res.name);
|
||||
$(`.page2 .blessingTree .lantern${i + 1} .box b`).text(`${res.num}${res.unit}`);
|
||||
$(`.page2 .blessingTree .lantern${i + 1}`).addClass('openLantern');
|
||||
}
|
||||
})
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
lack = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 祈福抽獎接口
|
||||
function redLineDraw (id) {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/redLine/draw',
|
||||
data: { id },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
id = id == null ? res.data : id;
|
||||
svga1Fun(id);
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
lack = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
lock = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 默認抽獎祈福按鈕
|
||||
$('.page2 .blessingTree .but').click(function () {
|
||||
if (redLineNum > 0) {
|
||||
if (true) {
|
||||
lack = false;
|
||||
redLineDraw(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('紅繩數量不足,可參與投放喜鵲活動獲得')
|
||||
}
|
||||
})
|
||||
// 指定抽獎
|
||||
$('.page2 .blessingTree .lantern').click(function () {
|
||||
var id = $(this).attr('id');
|
||||
var openLantern = $(this).attr('class');
|
||||
if (redLineNum > 0) {
|
||||
if (openLantern.indexOf('openLantern') == -1) {
|
||||
if (true) {
|
||||
lack = false;
|
||||
redLineDraw(id);
|
||||
}
|
||||
} else {
|
||||
toastMsg('福袋已經完成祈願,換一個福袋再祈願吧');
|
||||
}
|
||||
} else {
|
||||
toastMsg('紅繩數量不足,可參與投放喜鵲活動獲得')
|
||||
}
|
||||
})
|
||||
var player1;
|
||||
var parser1;
|
||||
var player2;
|
||||
var parser2;
|
||||
var player3;
|
||||
var parser3;
|
||||
var player4;
|
||||
var parser4;
|
||||
function svga1Fun (id) {
|
||||
var parser = id == 1 ? parser1 : id == 2 ? parser2 : id == 3 ? parser3 : parser4;
|
||||
var player = id == 1 ? player1 : id == 2 ? player2 : id == 3 ? player3 : player4;
|
||||
parser.load(`./images/blessingTree1.svga`, function (videoItem) {
|
||||
$(`.page2 .blessingTree .blessingTreeSvga${id}`).show();
|
||||
$(`.page2 .blessingTree .lantern${id}`).hide();
|
||||
player.loops = 1;
|
||||
player1.clearsAfterStop = false;
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
player.setContentMode('AspectFill');
|
||||
player.onFinished(() => {
|
||||
$(`.page2 .blessingTree .lantern${id}`).show();
|
||||
$(`.page2 .blessingTree .blessingTreeSvga${id}`).hide();
|
||||
lack = true;
|
||||
redLineGetConfig();
|
||||
})
|
||||
})
|
||||
}
|
||||
// 播放喜鵲svg
|
||||
blessingTreeSvgaFun1();
|
||||
function blessingTreeSvgaFun1 () {
|
||||
player1 = new SVGA.Player('.blessingTreeSvgaActive1');
|
||||
parser1 = new SVGA.Parser('.blessingTreeSvgaActive1');
|
||||
player2 = new SVGA.Player('.blessingTreeSvgaActive2');
|
||||
parser2 = new SVGA.Parser('.blessingTreeSvgaActive2');
|
||||
player3 = new SVGA.Player('.blessingTreeSvgaActive3');
|
||||
parser3 = new SVGA.Parser('.blessingTreeSvgaActive3');
|
||||
player4 = new SVGA.Player('.blessingTreeSvgaActive4');
|
||||
parser4 = new SVGA.Parser('.blessingTreeSvgaActive5');
|
||||
}
|
||||
// 刷新祈福接口
|
||||
function fresh () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/redLine/fresh',
|
||||
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
redLineGetConfig();
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 刷新按鈕
|
||||
$('.page2 .blessingTree .refresh').click(function () {
|
||||
fresh();
|
||||
})
|
||||
// 定情信物禮物輪播
|
||||
function swiperFun () {
|
||||
var mySwiper = new Swiper('.swiper', {
|
||||
direction: "vertical",
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3500,//3秒切換一次
|
||||
disableOnInteraction: false
|
||||
}
|
||||
})
|
||||
}
|
||||
// 總tab切換
|
||||
$('.tabs div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1 && timeEndLock == false || i == 2 && timeEndLock == false) {
|
||||
return toastMsg('活動已結束')
|
||||
}
|
||||
$('.tabs').removeClass('tab1').removeClass('tab2').removeClass('tab3').removeClass('tab4');
|
||||
$('.tabs').addClass(`tab${i}`);
|
||||
$('.page1').hide();
|
||||
$('.page2').hide();
|
||||
$('.page3').hide();
|
||||
$('.page4').hide();
|
||||
$(`.page${i}`).show();
|
||||
if (i == 2) {
|
||||
redLineGetConfig();
|
||||
}
|
||||
if (i == 3) {
|
||||
getRoomRank();
|
||||
}
|
||||
if (i == 4) {
|
||||
data == null;
|
||||
rankType = 1;
|
||||
getRank(data, rankType);
|
||||
getCpRank();
|
||||
$('.page4 .page4Tab').removeClass('page4Tab2');
|
||||
$('.page4 .dayAll').removeClass('dayAll2');
|
||||
type = 'a';
|
||||
$('.page4 .giftVal').text('收到普通禮物10鉆石=1甜蜜值,七夕限定禮物10鉆石=3甜蜜值');
|
||||
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in1.png');
|
||||
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet.png) no-repeat', "background-size": '100% 100%' });
|
||||
}
|
||||
})
|
||||
// 房間榜單接口
|
||||
function getRoomRank () {
|
||||
$('.page3 ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/2023Qixi/roomRank/getRank',
|
||||
data: {},
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var top3 = res.data.rankList.slice(0, 3);
|
||||
var notTop3 = res.data.rankList.slice(3);
|
||||
// 處理前三
|
||||
if (top3.length < 3) {
|
||||
let arr = new Array(3 - top3.length).fill({
|
||||
avatar: './images/logo.png',
|
||||
nick: '虛位以待',
|
||||
score: "0"
|
||||
})
|
||||
top3.push(...arr)
|
||||
}
|
||||
top3.forEach((res, index) => {
|
||||
$(`.page3 .no${index + 1} .tx`).attr('src', res.avatar);
|
||||
$(`.page3 .no${index + 1} p`).text(res.nick);
|
||||
$(`.page3 .no${index + 1} b`).text(`情緣值:${unitProcessing(res.score, 10000, 1, 'w')}`);
|
||||
$(`.page3 .no${index + 1} .txBg`).attr('uid', res.uid);
|
||||
})
|
||||
// 跳轉前三房間
|
||||
$('.page3 .no .txBg').click(function () {
|
||||
var uid = $(this).attr('uid');
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(uid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(uid);
|
||||
}
|
||||
}
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
notTop3.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.ranking}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx" uid=${res.uid}>
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>情緣值:${unitProcessing(res.score, 10000, 1, 'w')}</b>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page3 ul').append(str);
|
||||
// 跳轉非前三房間
|
||||
$('.page3 ul li .tx').click(function () {
|
||||
var uid = $(this).attr('uid');
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(uid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(uid);
|
||||
}
|
||||
}
|
||||
})
|
||||
// 處理自己榜單
|
||||
var meRank = res.data.meRank;
|
||||
$('.page3 .my .num').text(meRank.ranking == 0 ? '未上榜' : meRank.ranking);
|
||||
$('.page3 .my .tx').attr('src', meRank.avatar);
|
||||
$('.page3 .my .name').text(meRank.nick);
|
||||
$('.page3 .my .score b').text(`情緣值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 獲取情緣榜接口
|
||||
function getRank (date, rankType) {
|
||||
$('.page4 ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/rank/getRank',
|
||||
data: { date, rankType },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 設置當天日期
|
||||
curDate = res.data.curDate;
|
||||
// 處理日期
|
||||
if (res.data.dateList) {
|
||||
res.data.dateList.forEach((res, i) => {
|
||||
$('.page4 .timeList div').eq(i).text(`${res[6]}.${res[8]}${res[9]}`);
|
||||
$('.page4 .timeList div').eq(i).attr('data', res);
|
||||
if (res == curDate && date == null) {
|
||||
$('.page4 .timeList div').removeClass('active')
|
||||
$('.page4 .timeList div').eq(i).addClass('active');
|
||||
}
|
||||
})
|
||||
}
|
||||
var top3 = res.data.rankList.slice(0, 3);
|
||||
var notTop3 = res.data.rankList.slice(3);
|
||||
// 處理前三
|
||||
if (top3.length < 3) {
|
||||
let arr = new Array(3 - top3.length).fill({
|
||||
avatar: './images/logo.png',
|
||||
nick: '虛位以待',
|
||||
score: "0"
|
||||
})
|
||||
top3.push(...arr)
|
||||
}
|
||||
top3.forEach((res, index) => {
|
||||
$(`.page4 .no${index + 1} .tx`).attr('src', res.avatar);
|
||||
$(`.page4 .no${index + 1} p`).text(res.nick);
|
||||
if (rankType == 1 || rankType == 2) {
|
||||
$(`.page4 .no${index + 1} b`).text(`甜蜜值:${unitProcessing(res.score, 10000, 1, 'w')}`);
|
||||
} else {
|
||||
$(`.page4 .no${index + 1} b`).text(`心動值:${unitProcessing(res.score, 10000, 1, 'w')}`);
|
||||
}
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
notTop3.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.ranking}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="score">
|
||||
<img src="./images/loveIcon.png" alt="" class="loveIcon">
|
||||
<b>${rankType == 1 || rankType == 2 ? "甜蜜值:" : '心動值:'}${unitProcessing(res.score, 10000, 1, 'w')}</b>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page4 ul').append(str);
|
||||
// 處理自己榜單
|
||||
var meRank = res.data.meRank;
|
||||
$('.page4 .my .num').text(meRank.ranking == 0 ? '未上榜' : meRank.ranking);
|
||||
$('.page4 .my .tx').attr('src', meRank.avatar);
|
||||
$('.page4 .my .name').text(meRank.nick);
|
||||
if (rankType == 1 || rankType == 2) {
|
||||
$('.page4 .my .score b').text(`甜蜜值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
|
||||
} else {
|
||||
$('.page4 .my .score b').text(`心動值:${unitProcessing(meRank.score, 10000, 1, 'w')}`);
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 首頁任務切換
|
||||
$('.page1 .task .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
$('.page1 .task').removeClass('tasks2');
|
||||
} else {
|
||||
$('.page1 .task').addClass('tasks2');
|
||||
}
|
||||
})
|
||||
// 打開活動規則
|
||||
$('.header .rule').click(function () {
|
||||
bodyScroolFun(true);
|
||||
$('.rule_pub').show();
|
||||
})
|
||||
// 關閉活動規則
|
||||
$('.rule_pub').click(function () {
|
||||
bodyScroolFun(false);
|
||||
$('.rule_pub').hide();
|
||||
})
|
||||
// 打開房間榜活動規則
|
||||
$('.page3 .rule').click(function () {
|
||||
bodyScroolFun(true);
|
||||
$('.page3 .roomRule').show();
|
||||
})
|
||||
// 關閉房間榜活動規則
|
||||
$('.roomRule').click(function () {
|
||||
bodyScroolFun(false);
|
||||
$('.roomRule').hide();
|
||||
})
|
||||
// 打開房間榜活動規則
|
||||
$('.page4 .rule').click(function () {
|
||||
bodyScroolFun(true);
|
||||
$('.page4 .sweet').show();
|
||||
})
|
||||
// 關閉房間榜活動規則
|
||||
$('.sweet').click(function () {
|
||||
bodyScroolFun(false);
|
||||
$('.sweet').hide();
|
||||
})
|
||||
// 祈願樹tab切換
|
||||
$('.page2 .blessingTreeBoomt .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
$('.page2 .blessingTreeBoomt').removeClass('blessingTreeBoomt2')
|
||||
} else {
|
||||
$('.page2 .blessingTreeBoomt').addClass('blessingTreeBoomt2')
|
||||
page = 1;
|
||||
pageRecord(page)
|
||||
$('.page2 .blessingTreeBoomt2 .box2 ul li').remove();
|
||||
}
|
||||
})
|
||||
//檢測是否到達底部
|
||||
$(".page2 .blessingTreeBoomt .box2 ul").scroll(function () {
|
||||
var divHeight = $(this).height();
|
||||
var nScrollHeight = $(this)[0].scrollHeight;
|
||||
var nScrollTop = $(this)[0].scrollTop;
|
||||
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
|
||||
console.log("到達底部了");
|
||||
if (pageSizeLack) {
|
||||
pageSizeLack = false;
|
||||
page++;
|
||||
pageRecord(page)
|
||||
}
|
||||
}
|
||||
});
|
||||
// 祈福記錄
|
||||
function pageRecord (page) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/redLine/pageRecord',
|
||||
data: { page, size: 10 },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.length == 0) {
|
||||
pageSizeLack = false;
|
||||
hideLoading(layerIndex)
|
||||
return;
|
||||
}
|
||||
var str = '';
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
<li class="${i % 2 == 0 ? 'active' : ''}">
|
||||
<div>
|
||||
<p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
|
||||
<i>${dateFormat(res.createTime, 'hh:mm:ss')}</i>
|
||||
</div>
|
||||
<div class="b">${res.rewardDesc}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page2 .blessingTreeBoomt2 .box2 ul').append(str);
|
||||
pageSizeLack = true;
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
pageSizeLack = true;
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
pageSizeLack = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 獲取CP榜單接口
|
||||
function getCpRank () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Qixi/rank/getCpRank',
|
||||
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.senderNick) {
|
||||
$('.page4 .loveList .txL').attr('src', res.data.receiverAvatar);
|
||||
$('.page4 .loveList .txR').attr('src', res.data.senderAvatar);
|
||||
$('.page4 .loveList .leftName').text(res.data.receiverNick);
|
||||
$('.page4 .loveList .rightName').text(res.data.senderNick);
|
||||
} else {
|
||||
$('.page4 .loveList .txL').attr('src', './images/logo.png');
|
||||
$('.page4 .loveList .txR').attr('src', './images/logo.png');
|
||||
$('.page4 .loveList .leftName').text('虛位以待');
|
||||
$('.page4 .loveList .rightName').text('虛位以待');
|
||||
}
|
||||
|
||||
if (res.data.nextHourTimeStamp) {
|
||||
nextHourTimeStamp = res.data.nextHourTimeStamp;
|
||||
leftTime = nextHourTimeStamp - res.timestamp;
|
||||
// leftTime = 1691654400000;
|
||||
countup(leftTime);
|
||||
} else {
|
||||
$('.page4 .loveList .times').hide();
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 倒計時
|
||||
function countup () {
|
||||
clearTimeout(timeOut2)
|
||||
//獲取當前時間
|
||||
// var now = nowTime;
|
||||
var d = 0;
|
||||
var h = 0;
|
||||
var m = 0;
|
||||
var s = 0;
|
||||
//定義變量 d,h,m,s保存倒計時的時間
|
||||
var d, h, m, s;
|
||||
if (leftTime >= 0) {
|
||||
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
|
||||
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
|
||||
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
|
||||
s = getzf(Math.floor(leftTime / 1000 % 60));
|
||||
//將倒計時賦值到div中
|
||||
$('.page4 .loveList .times span').eq(0).text(m);
|
||||
$('.page4 .loveList .times span').eq(1).text(s);
|
||||
leftTime = leftTime - 1000;
|
||||
//遞歸每秒調⽤countTime⽅法,顯⽰動態時間效果
|
||||
} else {
|
||||
getCpRank();
|
||||
// location.reload();
|
||||
return
|
||||
}
|
||||
timeOut2 = setTimeout(countup, 1000);
|
||||
}
|
||||
//補0操作
|
||||
function getzf (num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
// 七夕榜單tab切換
|
||||
var type = 'a';//a:甜蜜b:心動
|
||||
$('.page4 .page4Tab div').click(function () {
|
||||
$('.page4 .timeList').show();
|
||||
$('.page4 .dayAll').removeClass('dayAll2');
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
rankType = 1;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
data = null;
|
||||
getRank(data, rankType);
|
||||
$('.page4 .page4Tab').removeClass('page4Tab2');
|
||||
type = 'a';
|
||||
$('.page4 .giftVal').text('收到普通禮物10鉆石=1甜蜜值,七夕限定禮物10鉆石=3甜蜜值');
|
||||
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in1.png');
|
||||
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet.png) no-repeat', "background-size": '100% 100%' });
|
||||
} else {
|
||||
rankType = 3;
|
||||
data = null;
|
||||
getRank(data, rankType);
|
||||
$('.page4 .page4Tab').addClass('page4Tab2');
|
||||
type = 'b';
|
||||
$('.page4 .sweet .sweet_in .box img').attr('src', './images/sweet_in2.png');
|
||||
$('.page4 .giftVal').text('收到普通禮物10鉆石=1心动值,七夕限定禮物10鉆石=3心动值');
|
||||
$('.page4 .sweet .sweet_in').css({ 'background': 'url(./images/sweet2.png) no-repeat', "background-size": '100% 100%' });
|
||||
}
|
||||
})
|
||||
// 七夕榜單日榜總榜切換
|
||||
$('.page4 .dayAll div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
$('.page4 .dayAll').removeClass('dayAll2');
|
||||
rankType = type == "a" ? 1 : 3;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
data = null;
|
||||
$('.page4 ul').css('margin', '6rem auto 2rem');
|
||||
getRank(data, rankType);
|
||||
$('.page4 .timeList').show();
|
||||
} else {
|
||||
$('.page4 .dayAll').addClass('dayAll2');
|
||||
rankType = type == "a" ? 2 : 4;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
data = null;
|
||||
$('.page4 ul').css('margin', '7rem auto 2rem');
|
||||
getRank(data, rankType);
|
||||
$('.page4 .timeList').hide();
|
||||
}
|
||||
})
|
||||
// 日榜切換日期
|
||||
$('.page4 .timeList div').click(function () {
|
||||
var datas = $(this).attr('data');
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
rankType = type == "a" ? 1 : 3;//排行榜類型(1=甜蜜日榜,2=甜蜜總榜,3=愛意日榜,4=愛意總榜)
|
||||
data = datas;
|
||||
getRank(data, rankType);
|
||||
})
|
||||
// 關閉活動結束按鈕
|
||||
$('.endActivity .endActivity_in .but').click(function () {
|
||||
$('.tabs').removeClass('tab1').removeClass('tab2').removeClass('tab3').removeClass('tab4');
|
||||
$('.tabs').addClass(`tab${4}`);
|
||||
$('.page1').hide();
|
||||
$('.page2').hide();
|
||||
$('.page3').hide();
|
||||
$('.page4').hide();
|
||||
$(`.page${4}`).show();
|
||||
data == null;
|
||||
rankType = 2;
|
||||
$('.page4 .dayAll').addClass('dayAll2');
|
||||
$('.page4 .timeList').hide();
|
||||
getRank(data, rankType);
|
||||
getCpRank();
|
||||
$('.endActivity').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
//領取全服喜鵲獎勵
|
||||
function getXiqueReward () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/2023Qixi/xique/getXiqueReward',
|
||||
data: {},
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
getConfig();
|
||||
toastMsg('領取成功');
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 領取喜鵲獎勵按鈕
|
||||
$('.page1 .magpieBridge .buting').click(function () {
|
||||
getXiqueReward();
|
||||
})
|
||||
// 領取喜鵲未參與按鈕
|
||||
$('.page1 .magpieBridge .buterr').click(function () {
|
||||
toastMsg('您未參加搭建鵲橋活動,無法領取');
|
||||
})
|
||||
// 投放喜鵲接口
|
||||
function devotedXique (num) {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/2023Qixi/xique/devotedXique',
|
||||
data: { num },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
getConfig();
|
||||
toastMsg('投放成功')
|
||||
svgaFun();
|
||||
setTimeout(function () {
|
||||
xiqueBut = true;
|
||||
}, 2000)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
xiqueBut = true;
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
xiqueBut = true;
|
||||
},
|
||||
error (err) {
|
||||
xiqueBut = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 播放喜鵲svg
|
||||
function svgaFun () {
|
||||
player1 = new SVGA.Player('.xique');
|
||||
parser1 = new SVGA.Parser('.xique');
|
||||
parser1.load('./images/xique.svga', function (videoItem) {
|
||||
player1.loops = 1
|
||||
player1.clearsAfterStop = false;
|
||||
player1.setVideoItem(videoItem);
|
||||
player1.startAnimation();
|
||||
player1.setContentMode('AspectFill')
|
||||
player1.onFinished(() => {
|
||||
// $('.svga').hide()
|
||||
})
|
||||
})
|
||||
}
|
||||
// 投放按鈕
|
||||
$('.page1 .magpieBridge .but1,.page1 .magpieBridge .but10').click(function () {
|
||||
var clas = $(this).attr('class')
|
||||
if (clas == 'but1') {
|
||||
if (xiqueNum < 1) {
|
||||
toastMsg('喜鵲數量不足,參加任務獲得吧~')
|
||||
return
|
||||
}
|
||||
if (xiqueBut) {
|
||||
xiqueBut = false;
|
||||
devotedXique(1);
|
||||
}
|
||||
|
||||
} else {
|
||||
if (xiqueNum < 10) {
|
||||
toastMsg('喜鵲數量不足,參加任務獲得吧~')
|
||||
return
|
||||
}
|
||||
if (xiqueBut) {
|
||||
xiqueBut = false;
|
||||
devotedXique(10);
|
||||
}
|
||||
// devotedXique(10);
|
||||
}
|
||||
})
|
||||
// 去完成任務2按鈕
|
||||
$('.page1 .task .box1 .task2 .but').click(function () {
|
||||
var click = $(this).attr('click');
|
||||
if (click != 0) {
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(roomUid);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
// 去完成任務3按鈕
|
||||
$('.page1 .task .box1 .task3 .but').click(function () {
|
||||
var click = $(this).attr('click');
|
||||
if (click != 0) {
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: giftId }))
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoomForGiftId(roomUid, giftId);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
// 循環任務按鈕
|
||||
$('.page1 .task .box2 .task2But').click(function () {
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: giftId }))
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoomForGiftId(roomUid, giftId);
|
||||
}
|
||||
}
|
||||
})
|
14
view/peko/activity/act-2023-qx/js/swiper-bundle.min.js
vendored
Normal file
@@ -76,7 +76,7 @@
|
||||
<div class="tab2_contain">
|
||||
<div class="rule_wrap">
|
||||
<p class="rule_item">
|
||||
活动期间,每日登录pekoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
活动期间,每日登录pikoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
</p>
|
||||
</div>
|
||||
<div class="panel_wrap">
|
||||
|
@@ -756,7 +756,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
$('.page3 .myList img').attr('src', res.data.userRank.avatar);
|
||||
$('.page3 .myList .num').text(res.data.userRank.rank == 0 ? '未上榜' : res.data.userRank.rank);
|
||||
$('.page3 .myList .nick').text(res.data.userRank.nick.length > 8 ? res.data.userRank.nick.slice(0, 8) + '...' : res.data.userRank.nick);
|
||||
$('.page3 .myList .score').text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
|
||||
$('.page3 .myList .score').text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
|
||||
hideLoading(layerIndex)
|
||||
// 处理前三
|
||||
if (top3.length < 3) {
|
||||
@@ -770,7 +770,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
top3.forEach((res, index) => {
|
||||
$(`.page3 .list .top${index + 1} .txBg`).attr('src', res.avatar);
|
||||
$(`.page3 .list .top${index + 1} .nick`).text(res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick);
|
||||
$(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
|
||||
$(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
@@ -780,7 +780,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
<div class="num">NO.${index + 4}</div>
|
||||
<img src="${res.avatar}" alt="">
|
||||
<div class="nick">${res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick}</div>
|
||||
<div class="score">${comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
|
||||
<div class="score">${comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
|
||||
</li>`
|
||||
})
|
||||
$('.page3 .list .notTop').append(str);
|
||||
|
@@ -45,7 +45,7 @@
|
||||
<p>剩余7天</p>
|
||||
<div class="nameplate">
|
||||
<img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
|
||||
<span>peko看看</span>
|
||||
<span>piko看看</span>
|
||||
</div>
|
||||
<div class="delay-btn">
|
||||
<img src="./images/delay-btn.png" alt="">
|
||||
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 22 KiB |
@@ -269,7 +269,7 @@
|
||||
<div class="qtsm">
|
||||
<p class="title">其他說明</p>
|
||||
如果以上說明未能解答您的疑問,請聯繫客服,會有專人解答疑難
|
||||
<p>本活動與蘋果公司無關</p>
|
||||
<p>本活動以及活動獎勵與Google/蘋果公司無關</p>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
@@ -76,7 +76,7 @@
|
||||
<div class="tab2_contain">
|
||||
<div class="rule_wrap">
|
||||
<p class="rule_item">
|
||||
活动期间,每日登录pekoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
活动期间,每日登录pikoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
</p>
|
||||
</div>
|
||||
<div class="panel_wrap">
|
||||
|
@@ -6,7 +6,7 @@
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<title>peko</title>
|
||||
<title>piko</title>
|
||||
|
||||
<link rel="stylesheet" href="./css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
@@ -22,7 +22,7 @@
|
||||
<div class="button2-wrapper download">
|
||||
</div>
|
||||
<div class="eori">
|
||||
<div class="weixin-name">peko客服微信:pekokefu01</div>
|
||||
<div class="weixin-name">piko客服微信:pikokefu01</div>
|
||||
<p>粤网文:(2018)8220-2981号</p>
|
||||
<p class="recordfoot">
|
||||
<i class="record"></i>
|
||||
|
@@ -25,7 +25,7 @@
|
||||
<meta name="msapplication-tap-highlight" content="no">
|
||||
<meta name="apple-mobile-web-app-capable" content="no" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<title>peko</title>
|
||||
<title>piko</title>
|
||||
|
||||
<!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
|
||||
<link rel="stylesheet" href="./css/reset.css">
|
||||
@@ -47,7 +47,7 @@
|
||||
<!--<a href="javascript:void(0)" class="jumpUrl"><img src="./home/images/pc/iosBtn.png" alt=""></a>-->
|
||||
</div>
|
||||
<div class="eori">
|
||||
<div class="weixin-name">peko客服微信:pekokefu01</div>
|
||||
<div class="weixin-name">piko客服微信:pikokefu01</div>
|
||||
<p>粤网文:(2018)8220-2981号</p>
|
||||
<p class="recordfoot">
|
||||
<i class="record"></i>
|
||||
|
@@ -5,7 +5,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<title>探索peko</title>
|
||||
<title>探索piko</title>
|
||||
|
||||
<!-- <%- include('../html_tpl/style.html') %> -->
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
|
@@ -36,7 +36,7 @@ let shareObj = {
|
||||
type: 2,
|
||||
data: {
|
||||
msg: 'llllll',
|
||||
title: '我的peko一周年报告',
|
||||
title: '我的piko一周年报告',
|
||||
imgUrl: 'https://beta.api.pekolive.com/peko/modules/wxPubPay/images/logo.png',
|
||||
desc: '我的专属称号竟然是这样的!快来试试你的~',
|
||||
}
|
||||
|
@@ -19,7 +19,7 @@
|
||||
<h3>嗨,鹅宝</h3>
|
||||
<p class="p1">还记得<span><b></b><b></b><b></b></span></p>
|
||||
<p>我们第一次相遇</p>
|
||||
<p>截止目前peko已陪伴你<span class="sp1"></span>天~</p>
|
||||
<p>截止目前piko已陪伴你<span class="sp1"></span>天~</p>
|
||||
</div>
|
||||
<div class="touchBox">
|
||||
<img src="./images/time_cinema/touch.png" alt="">
|
||||
@@ -29,7 +29,7 @@
|
||||
<div class="bg bg2">
|
||||
<div class="text">
|
||||
<h3>过去的一年</h3>
|
||||
<p>你有<span class="sp1">2222222</span>天都在peko里畅游</p>
|
||||
<p>你有<span class="sp1">2222222</span>天都在piko里畅游</p>
|
||||
<p>累计登入<span class="sp2">22222222</span>次</p>
|
||||
<p>你一共探索了<span class="sp3">2222</span>个房间</p>
|
||||
<p>其中<span class="sp4">ID:5200</span>的房间陪伴你最久</p>
|
||||
@@ -79,7 +79,7 @@
|
||||
<div class="bg bg5">
|
||||
<div class="text">
|
||||
<p>无论未来如何</p>
|
||||
<p>希望peko还能陪伴你度过岁岁年年~</p>
|
||||
<p>希望piko还能陪伴你度过岁岁年年~</p>
|
||||
<p>在此授予你:</p>
|
||||
<h3><span>XXXX</span>称号</h3>
|
||||
</div>
|
||||
|
@@ -13,7 +13,7 @@
|
||||
<div class="content"></div>
|
||||
<div class="activityReward"></div>
|
||||
<div class="but"></div>
|
||||
<div class="text">该活动最终解释权归peko平台所有</div>
|
||||
<div class="text">该活动最终解释权归piko平台所有</div>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
|
@@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>peko棋王杯</title>
|
||||
<title>piko棋王杯</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/qiwang.css">
|
||||
</head>
|
||||
|
@@ -13,7 +13,7 @@
|
||||
<div class="content"></div>
|
||||
<div class="activityReward"></div>
|
||||
<div class="but"></div>
|
||||
<div class="text">该活动最终解释权归peko平台所有</div>
|
||||
<div class="text">该活动最终解释权归piko平台所有</div>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
|
@@ -126,7 +126,7 @@
|
||||
<li><span>1</span>集齐所有福卡即可获得瓜分奖池的机会,瓜分金额随机,集齐次数越多,瓜分次数越多,瓜分奖励统一一次发放至账户</li>
|
||||
<li><span>2</span>瓜分奖励时间:<p class="tip">2月12日0点至2月15日0点</p></li>
|
||||
<li><span>3</span>获得敬业福需找客服报备赠送对应的装扮,赠送次数不叠加,每人仅限报备一次装扮</li>
|
||||
<li><span>4</span>有任何疑问可添加官方客服<p class="tip">(pekokefu01)</p>进行咨询</li>
|
||||
<li><span>4</span>有任何疑问可添加官方客服<p class="tip">(pikokefu01)</p>进行咨询</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 尾部图片 -->
|
||||
|
@@ -32,7 +32,7 @@ let shareObj = {
|
||||
type: 2,
|
||||
data: {
|
||||
msg: 'llllll',
|
||||
title: '上peko,开黑交友玩游戏',
|
||||
title: '上piko,开黑交友玩游戏',
|
||||
imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png',
|
||||
desc: '邀请好友得金铲铲豪华大礼,快来加入吧!',
|
||||
}
|
||||
@@ -48,8 +48,8 @@ const getInviteList = () => {
|
||||
if(res.code === 200){
|
||||
userInfo = res.data.inviteUser
|
||||
|
||||
if(pubInfo.deviceInfo.app == 'pekoEnterprise'){
|
||||
shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pekoEnterprise'
|
||||
if(pubInfo.deviceInfo.app == 'pikoEnterprise'){
|
||||
shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pikoEnterprise'
|
||||
}else{
|
||||
shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid
|
||||
}
|
||||
|
@@ -30,7 +30,7 @@
|
||||
</div>
|
||||
<!-- 我的豆子 -->
|
||||
<div class="w_myBeans">
|
||||
<p>每成功邀请一位新人好友,即可获得200金豆好友下载peko并登录,金豆即刻到账</p>
|
||||
<p>每成功邀请一位新人好友,即可获得200金豆好友下载piko并登录,金豆即刻到账</p>
|
||||
<span>我的金豆:<b></b> <i>刷新 <img src="./images/refresh.png" alt=""></i></span>
|
||||
</div>
|
||||
<!-- tab 切换 -->
|
||||
@@ -96,7 +96,7 @@
|
||||
<div class="z_user_info">
|
||||
<img src="" alt="" class="z_user_avatar">
|
||||
<p>
|
||||
<span class="z_user_nick">peko</span>
|
||||
<span class="z_user_nick">piko</span>
|
||||
<span class="z_user_erban">ID:666666</span>
|
||||
</p>
|
||||
<span class="z_user_bonus">总获得:<span>0</span>金豆</span>
|
||||
@@ -108,7 +108,7 @@
|
||||
<div class="z_content">
|
||||
<p class="z_title">兑换成功</p>
|
||||
<img src="./images/350.png" alt="" class="z_award_pic">
|
||||
<p class="z_award_name">peko新用户游戏激励金3.8元</p>
|
||||
<p class="z_award_name">piko新用户游戏激励金3.8元</p>
|
||||
<p class="z_award_get_way">已放入我的装扮</p>
|
||||
<img src="./images/know-btn.png" alt="" class="z_know">
|
||||
</div>
|
||||
|
@@ -7,7 +7,7 @@ let w_link;
|
||||
let share = {
|
||||
title: '英雄联盟手游皮肤免费送!!',
|
||||
// link: link,
|
||||
desc: '来peko,更有丰厚游戏激励金等你来~',
|
||||
desc: '来piko,更有丰厚游戏激励金等你来~',
|
||||
imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png'
|
||||
}
|
||||
let shareObj = {
|
||||
@@ -141,13 +141,13 @@ const awardObj = [
|
||||
pic: './images/nameplate.png'
|
||||
},
|
||||
{
|
||||
name: 'peko新用户游戏激励金3.8元',
|
||||
desc: 'peko新用户游戏<br>激励金3.8元',
|
||||
name: 'piko新用户游戏激励金3.8元',
|
||||
desc: 'piko新用户游戏<br>激励金3.8元',
|
||||
pic: './images/cash.png'
|
||||
},
|
||||
{
|
||||
name: 'peko新用户游戏激励金5.8元',
|
||||
desc: 'peko新用户游戏<br>激励金5.8元',
|
||||
name: 'piko新用户游戏激励金5.8元',
|
||||
desc: 'piko新用户游戏<br>激励金5.8元',
|
||||
pic: './images/cash.png'
|
||||
},
|
||||
{
|
||||
|