Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
57b54f6942 |
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 235 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 161 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 837 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 113 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 220 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
@@ -1,351 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>萬聖節嘉年華</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- 主視覺 -->
|
||||
<div class="header">
|
||||
<div class="rule_icon">活動規則></div>
|
||||
</div>
|
||||
<!-- 萬聖節活動禮物 -->
|
||||
<div class="giftBox">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/gift1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/gift2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- pages1 -->
|
||||
<div class="page1">
|
||||
<!-- 蒙層-->
|
||||
<div class="mc">
|
||||
<div class="mc_in">
|
||||
<p>送出/收到萬聖福袋</p>
|
||||
<p class="p2">可解鎖玩法</p>
|
||||
<div class="but">去完成</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 頁面主切換 -->
|
||||
<div class="tab">
|
||||
<div class="tab tab1 active1"></div>
|
||||
<div class="tab tab2"></div>
|
||||
</div>
|
||||
<!-- 任務玩法切換 -->
|
||||
<div class="switch">
|
||||
<div class="active">萬聖地圖</div>
|
||||
<div>糖果任務</div>
|
||||
</div>
|
||||
<!-- 我的糖果 -->
|
||||
<div class="myCandy">我的糖果券：0</div>
|
||||
<!-- 氣泡 -->
|
||||
<div class="qp">
|
||||
<p>升級寶箱</p>
|
||||
<p>贏限定禮物</p>
|
||||
</div>
|
||||
<!-- 糖果標題 -->
|
||||
<img src="./images/candyTitle.png" alt="" class="candytitle">
|
||||
<!-- 展示寶箱 -->
|
||||
<img src="./images/box3.png" alt="" class="showBox">
|
||||
<!-- 寶箱三個 -->
|
||||
<div class="boxs boxs1"><b>初級寶箱</b></div>
|
||||
<div class="boxs boxs2"><b>中級寶箱</b></div>
|
||||
<div class="boxs boxs3"><b>高級寶箱</b></div>
|
||||
<!-- 寶箱文案 -->
|
||||
<img src="./images/boxText.png" alt="" class="boxText">
|
||||
<!-- 兩條線 -->
|
||||
<div class="candyLine1"></div>
|
||||
<div class="candyLine2"></div>
|
||||
<!-- 地圖路線 -->
|
||||
<div class="road">
|
||||
<!-- 鬼 -->
|
||||
<img src="./images/gui.png" alt="" class="gui">
|
||||
<!-- 靜態寶箱 -->
|
||||
<img src="./images/box1.png" alt="" class="boxImg boxImg1 boxImgs4">
|
||||
<img src="./images/box1.png" alt="" class="boxImg boxImg2 boxImgs8">
|
||||
<img src="./images/box1.png" alt="" class="boxImg boxImg3 boxImgs13">
|
||||
<img src="./images/box1.png" alt="" class="boxImg boxImg4 boxImgs18">
|
||||
<img src="./images/box1.png" alt="" class="boxImg boxImg5 boxImgs22">
|
||||
<img src="./images/box1.png" alt="" class="boxImg boxImg6 boxImgs26">
|
||||
<img src="./images/box1.png" alt="" class="boxImg boxImg7 boxImgs30">
|
||||
<!-- 寶箱動效 -->
|
||||
<div class="boxImgSvgaA boxImgSvga1">
|
||||
<div class="boxImgSvga_in1"></div>
|
||||
</div>
|
||||
<div class="boxImgSvgaB boxImgSvga2">
|
||||
<div class="boxImgSvga_in2"></div>
|
||||
</div>
|
||||
<div class="boxImgSvgaC boxImgSvga3">
|
||||
<div class="boxImgSvga_in3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 骰子 -->
|
||||
<div class="diceBox">
|
||||
<!-- 氣泡 -->
|
||||
<img src="./images/diceQP.png" alt="" class="diceQP">
|
||||
<!-- 動效骰子 -->
|
||||
<div class="diceSvga"></div>
|
||||
<!-- 骰子 -->
|
||||
<img src="./images/dice1.png" alt="" class="dice">
|
||||
<div class="diceLeftBut">寶箱開啟記錄</div>
|
||||
<div class="diceRightBut">點亮全部寶箱</div>
|
||||
<p>單次消耗糖果券*1</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- pages2 -->
|
||||
<div class="page2">
|
||||
<!-- 頁面主切換 -->
|
||||
<div class="tab">
|
||||
<div class="tab tab1 active1"></div>
|
||||
<div class="tab tab2"></div>
|
||||
</div>
|
||||
<!-- 任務玩法切換 -->
|
||||
<div class="switch">
|
||||
<div>萬聖地圖</div>
|
||||
<div class="active">糖果任務</div>
|
||||
</div>
|
||||
<!-- 文案 -->
|
||||
<img src="./images/taskText.png" alt="" class="taskText">
|
||||
<!-- 任務標題 -->
|
||||
<img src="./images/taskTitle.png" alt="" class="taskTitle">
|
||||
<!-- 我的糖果 -->
|
||||
<div class="myCandy">我的糖果券：0</div>
|
||||
<!-- 每日任務 -->
|
||||
<img src="./images/dayTask.png" alt="" class="dayTask">
|
||||
<!-- 循環任務 -->
|
||||
<img src="./images/alltask.png" alt="" class="alltask">
|
||||
<!-- 任務列錶 -->
|
||||
<div class="task task1">
|
||||
<p>登錄活動頁(0/1)</p>
|
||||
<div class="but">去完成</div>
|
||||
</div>
|
||||
<div class="task task2">
|
||||
<p>在任意直播間停留</p>
|
||||
<div class="lineBox">
|
||||
|
||||
<div class="line">0/90</div>
|
||||
<span class="sp1"></span>
|
||||
<span class="sp2"></span>
|
||||
<span class="sp3"></span>
|
||||
<b class="b1">+1糖果券</b>
|
||||
<b class="b2">+1糖果券</b>
|
||||
<b class="b3">+1糖果券</b>
|
||||
<b class="b4">30分鐘</b>
|
||||
<b class="b5">60分鐘</b>
|
||||
<b class="b6">90分鐘</b>
|
||||
</div>
|
||||
<div class="but">去完成</div>
|
||||
</div>
|
||||
<div class="task task3">
|
||||
<p>【星级厨房】累计投入满1000钻石获得<i>糖果券*1</i></p>
|
||||
<b>今日已獲得<i>0張</i></b>
|
||||
<div class="but">去完成</div>
|
||||
</div>
|
||||
<div class="task task4">
|
||||
<p>每送出万圣限定礼物满1000钻获得 <i>糖果券*1</i></p>
|
||||
<b>今日已獲得<i>0張</i></b>
|
||||
<div class="but">去完成</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page3 -->
|
||||
<div class="page3">
|
||||
<!-- 頁面主切換 -->
|
||||
<div class="tab">
|
||||
<div class="tab tab1 "></div>
|
||||
<div class="tab tab2 active2"></div>
|
||||
</div>
|
||||
<!-- 任務玩法切換 -->
|
||||
<div class="listTab">
|
||||
<div class="active">尖叫榜</div>
|
||||
<div>驚喜榜</div>
|
||||
</div>
|
||||
<!-- 規則icon -->
|
||||
<div class="rule_icon">榜單獎勵></div>
|
||||
<!-- 日榜總榜切換 -->
|
||||
<div class="dayTab">
|
||||
<div class="active">日榜</div>
|
||||
<div>總榜</div>
|
||||
</div>
|
||||
<!-- 榜單標題 -->
|
||||
<img src="./images/listTitle1.png" alt="" class="listTitle">
|
||||
<!-- 日期 -->
|
||||
<div class="time">
|
||||
<div class="active"></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<!-- 前三 -->
|
||||
<div class="topBox">
|
||||
<div class="no1">
|
||||
<img src="./images/noBg1.png" alt="" class="noBg">
|
||||
<img src="./images/no1.png" alt="" class="noImg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶名字</p>
|
||||
<b>尖叫值：xxx</b>
|
||||
</div>
|
||||
<div class="no2">
|
||||
<img src="./images/noBg2.png" alt="" class="noBg">
|
||||
<img src="./images/no2.png" alt="" class="noImg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶名字</p>
|
||||
<b>尖叫值：xxx</b>
|
||||
</div>
|
||||
<div class="no3">
|
||||
<img src="./images/noBg3.png" alt="" class="noBg">
|
||||
<img src="./images/no3.png" alt="" class="noImg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p>用戶名字</p>
|
||||
<b>尖叫值：xxx</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 非前三 -->
|
||||
<ul class="lists">
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="nick">xxx</div>
|
||||
<div class="score">尖叫值:0</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 自己榜單 -->
|
||||
<div class="my">
|
||||
<div class="li">
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="nick">xxx</div>
|
||||
<div class="score">尖叫值:0</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 活動規則 -->
|
||||
<div class="rule">
|
||||
<div class="rule_in">
|
||||
<div class="cen">
|
||||
<p>
|
||||
一、活動時間：<br>
|
||||
2023年10月27日12:00:00-2023年11月2日23:59:59
|
||||
</p>
|
||||
<p>二、禮物上新：<br>
|
||||
活動期間將限時上架5款萬聖新限定禮物；1款萬聖限定福袋</p>
|
||||
<p>三、活動攻略<br>
|
||||
萬聖地圖<br>
|
||||
1.送出≥1的萬聖限定福袋解鎖萬聖地圖<br>
|
||||
2.收到≥5的萬聖限定福袋解鎖萬聖地圖<br>
|
||||
3.地圖升級詳情查看升級條件和獎勵內容<br>
|
||||
4.行走到寶箱位置可獲得獎勵，非寶箱位置無獎勵，若剛好走到起點也可獲得獎勵；<br>
|
||||
糖果任務<br>
|
||||
1.活動期間完成每日任務和循環任務領取糖果券；<br>
|
||||
2.每日任務0點刷新，完成後進入活動頁領取獎勵；<br>
|
||||
3.任務完成後，任務獎勵自動發放；</p>
|
||||
|
||||
<p>四、萬聖榜單<br>
|
||||
驚喜榜：<br>
|
||||
1.活動期間內，收到普通禮物可增加驚喜值，10鑽=1驚喜值，收到萬聖限定禮物10鑽=3驚喜值；<br>
|
||||
2.普通禮物包含禮物面闆和背包禮物；<br>
|
||||
3.大頭號不參與榜單活動排名；<br>
|
||||
4.靚號獎勵A≠B≠C≠0，不可轉贈，請聯繫客服領取；<br>
|
||||
尖叫榜<br>
|
||||
1.活動期間內，贈送普通禮物可增加尖叫值，10鑽=1尖叫值，贈送萬聖限定禮物10鑽=3尖叫值；<br>
|
||||
2.普通禮物包含禮物面闆和背包禮物；<br>
|
||||
3.大頭號不參與榜單活動排名；<br>
|
||||
4.靚號獎勵A≠B≠C≠0，不可轉贈，請聯繫客服領取；<br></p>
|
||||
<p>五、本活動最終解釋權歸Piko所有，本活動以及獎勵與Google/蘋果公司無關</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 榜單規則 -->
|
||||
<div class="listRule">
|
||||
<div class="listRule_in">
|
||||
<img src="./images/listRuletitle1.png" alt="" class="listRuletitle">
|
||||
<div class="box">
|
||||
<img src="./images/listRuleText1.png" alt="listRuleText">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 初級中級高級寶箱彈窗 -->
|
||||
<div class="box_pub">
|
||||
<div class="box_pub_in">
|
||||
<img src="./images/box_pub_Title1.png" alt="" class="box_pub_Title">
|
||||
<p class="p1">活動期間送出萬聖福袋*1</p>
|
||||
<p class="p2">或</p>
|
||||
<p class="p3">活動期間收到萬聖福袋*5</p>
|
||||
<ul class="box_pub_ul">
|
||||
<!-- <li>
|
||||
<img src="./images/logo.png" alt="" class="gift">
|
||||
<p>黑貓戀人頭飾</p>
|
||||
<b>(30天)</b>
|
||||
</li> -->
|
||||
<li class="li1"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 恭喜獲得彈窗 -->
|
||||
<div class="gx">
|
||||
<div class="gx_in">
|
||||
<ul class="gxBox">
|
||||
<li>
|
||||
<img src="./images/logo.png" alt="" class="gift">
|
||||
<p>xxx頭飾*1天</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="but">收下</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 活動结束 -->
|
||||
<div class="endActivity">
|
||||
<div class="endActivity_in">
|
||||
<p>該活動已結束</p>
|
||||
<div class="but">查看榜單</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 糟糕未獲得獎勵 -->
|
||||
<div class="zg">
|
||||
<img src="./images/zg.png" alt="" class="zg_in">
|
||||
</div>
|
||||
<!-- 寶箱記錄 -->
|
||||
<div class="record_box">
|
||||
<div class="record_box_in">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="left">
|
||||
<p>2023/10/23</p>
|
||||
<b>23:45:05</b>
|
||||
</div>
|
||||
<div class="right">xxxx禮物*1</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/swiper-bundle.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
@@ -1,738 +0,0 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
var formalUrl = 'https://api.hfighting.com'; // 正式环境
|
||||
var testUrls = 'http://beta.api.pekolive.com'; // 测试环境
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加載中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var leftArr = ['3.6rem', '2.5rem', '1.4rem', '0.3rem', '0.3rem', '0.3rem', '1.4rem', '2.5rem', '2.5rem', '2.5rem', '1.4rem', '0.3rem', '0.3rem', '0.3rem', '0.3rem', '1.4rem', '2.5rem', '2.5rem', '3.6rem', '4.7rem', '4.7rem', '5.8rem', '6.9rem', '6.9rem', '6.9rem', '5.8rem', '5.8rem', '5.8rem', '6.9rem', '6.9rem', '6.9rem', '5.8rem', '4.7rem', '3.6rem'];
|
||||
var bottArr = ['0.9rem', '0.9rem', '0.9rem', '0.9rem', '2.0rem', '3.1rem', '3.1rem', '3.1rem', '4.3rem', '5.6rem', '5.6rem', '5.6rem', '6.7rem', '7.8rem', '9.1rem', '9.1rem', '9.1rem', '7.8rem', '7.8rem', '7.8rem', '9.1rem', '9.1rem', '9.1rem', '7.8rem', '6.7rem', '6.7rem', '5.6rem', '4.3rem', '4.3rem', '3.1rem', '2.0rem', '2.0rem', '2.0rem', '2.0rem'];
|
||||
var curDate; //當天日期;
|
||||
var rankType = 1; //排行榜類型（1=送禮日榜，2=送禮總榜，3=收禮日榜，4=收禮總榜）;
|
||||
var data = null;//默認日榜;
|
||||
var isEndTime = null;//判斷是否活動結束;
|
||||
var roomUid = null;//房間uid;
|
||||
var type = 'a';//a:送禮b:收禮;
|
||||
var type2 = 'a';//a:日榜b:總榜;
|
||||
var page = 1;//頁碼
|
||||
var drawPageSizeLack = true;//記錄滑動鎖
|
||||
var poolType = null;//寶箱等級
|
||||
var mapPos = null;//當前格子下標
|
||||
var drawLock = true;//抽獎的鎖
|
||||
var candyNum = 0;//糖果卷
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
// 禮物輪播
|
||||
var mySwiper = new Swiper('.swiper', {
|
||||
// direction: "vertical",
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3500,//
|
||||
disableOnInteraction: false
|
||||
}
|
||||
})
|
||||
getTaskConfig();
|
||||
getRecommendRoom();
|
||||
getConfig();
|
||||
}, 100)
|
||||
})
|
||||
// 獲取房間Uid接口
|
||||
function getRecommendRoom () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/home/tab/home/one',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
roomUid = res.data;
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 抽獎配置接口
|
||||
function getConfig () {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Halloween/draw/getConfig',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 處理糖果數量
|
||||
$('.myCandy').text('我的糖果券：' + res.data.candyNum);
|
||||
candyNum = res.data.candyNum;
|
||||
// 當前格子下標
|
||||
mapPos = res.data.mapPos;
|
||||
$('.page1 .road .gui').css({
|
||||
left: leftArr[res.data.mapPos],
|
||||
bottom: bottArr[res.data.mapPos],
|
||||
})
|
||||
// 判斷活動結束時間
|
||||
if (res.timestamp > res.data.endTime) {
|
||||
isEndTime = true;
|
||||
$('.endActivity').show();
|
||||
}
|
||||
// 判斷等級處理
|
||||
poolType = res.data.boxLevel;
|
||||
if (res.data.boxLevel == 0) {
|
||||
$('.page1 .mc').show();
|
||||
} else if (res.data.boxLevel == 1) {
|
||||
$('.page1 .boxs1').addClass('boxOpen1');
|
||||
$('.page1 .road .boxImg').attr('src', './images/box1.png');
|
||||
} else if (res.data.boxLevel == 2) {
|
||||
$('.page1 .boxs1').addClass('boxOpen1');
|
||||
$('.page1 .boxs2').addClass('boxOpen2');
|
||||
$('.page1 .road .boxImg').attr('src', './images/box2.png');
|
||||
} else if (res.data.boxLevel == 3) {
|
||||
$('.page1 .boxs1').addClass('boxOpen1');
|
||||
$('.page1 .boxs2').addClass('boxOpen2');
|
||||
$('.page1 .boxs3').addClass('boxOpen3');
|
||||
$('.page1 .road .boxImg').attr('src', './images/box3.png');
|
||||
}
|
||||
// 特效移動
|
||||
$('.page1 .road .gui').css({
|
||||
left: leftArr[mapPos],
|
||||
bottom: bottArr[mapPos],
|
||||
})
|
||||
// 判斷當前位置是否處於寶箱點位
|
||||
if (mapPos == 4 || mapPos == 8 || mapPos == 13 || mapPos == 18 || mapPos == 22 || mapPos == 26 || mapPos == 30) {
|
||||
$(`.page1 .road .boxImgs${mapPos}`).attr('src', `./images/boxOpen${poolType}.png`)
|
||||
} else {
|
||||
$(`.page1 .road .boxImg`).attr('src', `./images/box${poolType}.png`);
|
||||
}
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 任務配置接口
|
||||
function getTaskConfig () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Halloween/task/getConfig',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 處理每日任務
|
||||
res.data.dailyTaskList.forEach((res, i) => {
|
||||
$(`.page2 .task${i + 1} .but`).attr('click', res.status);
|
||||
$(`.page2 .task${i + 1} .but`).text(res.status == 0 ? '去完成' : '已完成');
|
||||
res.status == 1 ? $(`.page2 .task${i + 1} .but`).addClass('butActive') : $(`.page2 .task${i + 1} .but`).removeClass('butActive');
|
||||
if (i == 0) {
|
||||
$('.page2 .task1 p').text(`登錄活動頁(${res.cur}/${res.need})`);
|
||||
}
|
||||
if (i == 1) {
|
||||
$('.page2 .task2 .line').css('width', `${(res.cur / res.need * 100) >= 100 ? 100 : (res.cur / res.need * 100)}%`);
|
||||
$('.page2 .task2 .line').text(`${res.cur}/${res.need}`);
|
||||
}
|
||||
});
|
||||
// 處理循環任務
|
||||
res.data.loopTaskList.forEach((res, i) => {
|
||||
$(`.page2 .task${i + 3} b i`).text(`${res.loop}張`);
|
||||
$(`.page2 .task${i + 3} .but`).attr('click', res.status);
|
||||
$(`.page2 .task${i + 3} .but`).text(res.status == 0 ? '去完成' : '已完成');
|
||||
res.status == 1 ? $(`.page2 .task${i + 3} .but`).addClass(`butActive`) : $(`.page2 .task${i + 3} .but`).removeClass(`butActive`);
|
||||
})
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 任務按鈕2
|
||||
$('.page2 .task2 .but').click(function () {
|
||||
var bool = $(this).attr('click') == 0 ? false : true;
|
||||
console.log(bool);
|
||||
if (bool) {
|
||||
return
|
||||
}
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(roomUid);
|
||||
}
|
||||
}
|
||||
})
|
||||
// 任務按鈕3
|
||||
$('.page2 .task3 .but').click(function () {
|
||||
var bool = $(this).attr('click') == 0 ? false : true;
|
||||
console.log(bool);
|
||||
if (bool) {
|
||||
return
|
||||
}
|
||||
// if (browser.ios) {
|
||||
// window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: 0 }))
|
||||
// } else if (browser.android) {
|
||||
// if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
// window.androidJsObj.openRoomForGiftId(roomUid, 0);
|
||||
// }
|
||||
// }
|
||||
if (env == 'test') {
|
||||
window.location.href = `${testUrls}/peko/activity/act-ocean/index.html`
|
||||
} else {
|
||||
window.location.href = `${formalUrl}/peko/activity/act-ocean/index.html`
|
||||
}
|
||||
|
||||
})
|
||||
// 任務按鈕4
|
||||
$('.page2 .task4 .but').click(function () {
|
||||
var bool = $(this).attr('click') == 0 ? false : true;
|
||||
console.log(bool);
|
||||
if (bool) {
|
||||
return
|
||||
}
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: 0 }))
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoomForGiftId(roomUid, 0);
|
||||
}
|
||||
}
|
||||
})
|
||||
// 點擊寶箱按鈕
|
||||
$('.page1 .boxs').click(function () {
|
||||
var i = $(this).index() - 6;
|
||||
if (i == 1) {
|
||||
$('.box_pub .box_pub_in .p1').text('活動期間送出萬聖福袋*1');
|
||||
$('.box_pub .box_pub_in .p3').text('活動期間收到萬聖福袋*5');
|
||||
} else if (i == 2) {
|
||||
$('.box_pub .box_pub_in .p1').text('活動期間送出萬聖福袋*10');
|
||||
$('.box_pub .box_pub_in .p3').text('活動期間收到萬聖福袋*20');
|
||||
} else {
|
||||
$('.box_pub .box_pub_in .p1').text('活動期間送出萬聖福袋*20');
|
||||
$('.box_pub .box_pub_in .p3').text('活動期間收到萬聖福袋*30');
|
||||
}
|
||||
$('.box_pub .box_pub_in .box_pub_ul li').removeClass('li1').removeClass('li2').removeClass('li3');
|
||||
$('.box_pub .box_pub_in .box_pub_ul li').addClass(`li${i}`);
|
||||
$('.box_pub .box_pub_in .box_pub_Title').attr('src', `./images/box_pub_Title${i}.png`)
|
||||
$('.box_pub').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 去完成寶箱解鎖任務按鈕
|
||||
$('.page1 .mc .mc_in .but').click(function () {
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: 0 }))
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoomForGiftId(roomUid, 0);
|
||||
}
|
||||
}
|
||||
})
|
||||
// tab切換
|
||||
$('.tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$('.page1,.page2,.page3').hide();
|
||||
if (i == 1) {
|
||||
$('.page1').show();
|
||||
getConfig();
|
||||
} else {
|
||||
getRank(rankType, data);
|
||||
$('.page3').show();
|
||||
}
|
||||
})
|
||||
// 地圖任務tab切換
|
||||
$('.switch div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$('.page1,.page2,.page3').hide();
|
||||
if (i == 1) {
|
||||
$('.page1').show();
|
||||
getConfig();
|
||||
} else {
|
||||
$('.page2').show();
|
||||
getConfig();
|
||||
getTaskConfig();
|
||||
}
|
||||
})
|
||||
// 尖叫驚喜榜單切換
|
||||
$('.page3 .listTab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$('.page3 .listTitle').attr('src', `./images/listTitle${i}.png`);
|
||||
$('.listRule .listRule_in .listRuletitle').attr('src', `./images/listRuletitle${i}.png`);
|
||||
$('.listRule .listRule_in .box img').attr('src', `./images/listRuleText${i}.png`);
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
if (i == 1) {
|
||||
type = 'a';
|
||||
rankType = type2 == "a" ? 1 : 2;
|
||||
} else {
|
||||
type = 'b';
|
||||
rankType = type2 == "a" ? 3 : 4;
|
||||
}
|
||||
getRank(rankType, data);
|
||||
})
|
||||
// 日榜總榜切換
|
||||
$('.page3 .dayTab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
if (i == 1) {
|
||||
type2 = 'a';
|
||||
rankType = type == "a" ? 1 : 3;
|
||||
$('.page3 .time').show();
|
||||
} else {
|
||||
type2 = 'b';
|
||||
rankType = type == "a" ? 2 : 4;
|
||||
$('.page3 .time').hide();
|
||||
}
|
||||
getRank(rankType, data);
|
||||
})
|
||||
// 日榜切換日期
|
||||
$('.page3 .time div').click(function () {
|
||||
var datas = $(this).attr('data');
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
rankType = type == "a" ? 1 : 3;//排行榜類型（1=甜蜜日榜，2=甜蜜總榜，3=愛意日榜，4=愛意總榜）
|
||||
data = datas;
|
||||
getRank(rankType, data);
|
||||
})
|
||||
// 榜單接口
|
||||
function getRank (rankType, date) {//排行榜類型rankType（1=送禮日榜，2=送禮總榜，3=收禮日榜，4=收禮總榜）
|
||||
$('.page3 .lists li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Halloween/rank/getRank',
|
||||
data: { rankType, date },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 設置當天日期
|
||||
curDate = res.data.curDate;
|
||||
// 處理日期
|
||||
if (res.data.dateList) {
|
||||
res.data.dateList.forEach((res, i) => {
|
||||
$('.page3 .time div').eq(i).text(`${res[5]}${res[6]}.${res[8]}${res[9]}`);
|
||||
$('.page3 .time div').eq(i).attr('data', res);
|
||||
if (res == curDate && date == null) {
|
||||
$('.page3 .time div').removeClass('active')
|
||||
$('.page3 .time div').eq(i).addClass('active');
|
||||
}
|
||||
})
|
||||
}
|
||||
// 處理自己榜單
|
||||
$('.page3 .my .li .tx').attr('src', res.data.meRank.avatar);
|
||||
$('.page3 .my .li .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
|
||||
$('.page3 .my .li .nick').text(res.data.meRank.nick);
|
||||
$('.page3 .my .li .score').text(`${rankType == 1 || rankType == 2 ? "尖叫值:" : "驚喜值:"}${unitProcessing(res.data.meRank.score, 10000, 1, 'w')}`);
|
||||
// 處理前三
|
||||
var top3 = res.data.rankList.slice(0, 3);
|
||||
var notTop3 = res.data.rankList.slice(3);
|
||||
if (top3.length < 3) {
|
||||
let arr = new Array(3 - top3.length).fill({
|
||||
avatar: './images/logo.png',
|
||||
nick: '虛位以待',
|
||||
score: "0"
|
||||
})
|
||||
top3.push(...arr)
|
||||
}
|
||||
top3.forEach((res, index) => {
|
||||
$(`.page3 .topBox .no${index + 1} .tx`).attr('src', res.avatar);
|
||||
$(`.page3 .topBox .no${index + 1} p`).text(res.nick);
|
||||
$(`.page3 .topBox .no${index + 1} b`).text(`${rankType == 1 || rankType == 2 ? "尖叫值:" : "驚喜值:"}${unitProcessing(res.score, 10000, 1, 'w')}`);
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
notTop3.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.ranking}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="nick">${res.nick}</div>
|
||||
<div class="score">${rankType == 1 || rankType == 2 ? "尖叫值:" : "驚喜值:"}${unitProcessing(res.score, 10000, 1, 'w')}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page3 .lists').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 打開活動規則
|
||||
$('.header .rule_icon').click(function () {
|
||||
$('.rule').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 關閉活動規則
|
||||
$('.rule').click(function () {
|
||||
$('.rule').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 打開榜單規則
|
||||
$('.page3 .rule_icon').click(function () {
|
||||
$('.listRule').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 關閉榜單規則
|
||||
$('.listRule').click(function () {
|
||||
$('.listRule').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 關閉初中高寶箱彈窗
|
||||
$('.box_pub').click(function () {
|
||||
$('.box_pub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 關閉恭喜獲得彈窗
|
||||
$('.gx .gx_in .but').click(function () {
|
||||
drawLock = true;
|
||||
$('.gx').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 關閉糟糕彈窗
|
||||
$('.zg').click(function () {
|
||||
drawLock = true;
|
||||
$('.zg').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 關閉寶箱記錄彈窗
|
||||
$('.record_box').click(function () {
|
||||
$('.record_box').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 打開寶箱記錄
|
||||
$('.page1 .diceBox .diceLeftBut').click(function () {
|
||||
page = 1;
|
||||
$('.record_box .record_box_in ul li').remove();
|
||||
pageRecord(page);
|
||||
})
|
||||
// 獲取房間Uid接口
|
||||
function pageRecord (page) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Halloween/draw/pageRecord',
|
||||
data: { page, size: 20 },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.length == 0) {
|
||||
drawPageSizeLack = false;
|
||||
hideLoading(layerIndex)
|
||||
$('.record_box').show();
|
||||
return;
|
||||
}
|
||||
var str = '';
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="left">
|
||||
<p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
|
||||
<b>${dateFormat(res.createTime, 'hh:mm:ss')}</b>
|
||||
</div>
|
||||
<div class="right">${res.rewardDesc}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.record_box .record_box_in ul ').append(str);
|
||||
drawPageSizeLack = true;
|
||||
$('.record_box').show();
|
||||
bodyScroolFun(true);
|
||||
} else {
|
||||
drawPageSizeLack = true;
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
drawPageSizeLack = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
//檢測抽獎記錄是否到達底部
|
||||
$(".record_box .record_box_in ul").scroll(function () {
|
||||
var divHeight = $(this).height();
|
||||
var nScrollHeight = $(this)[0].scrollHeight;
|
||||
var nScrollTop = $(this)[0].scrollTop;
|
||||
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
|
||||
console.log("到達底部了");
|
||||
if (drawPageSizeLack) {
|
||||
drawPageSizeLack = false;
|
||||
page++;
|
||||
pageRecord(page);
|
||||
}
|
||||
}
|
||||
});
|
||||
// 骰子動畫定義
|
||||
let player = new SVGA.Player('.diceSvga');
|
||||
let parser = new SVGA.Parser('.diceSvga');
|
||||
parser.load(`./images/sz.svga`, function (videoItem) {
|
||||
player.loops = 1;
|
||||
player.clearsAfterStop = false;
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
player.setContentMode('AspectFill');
|
||||
})
|
||||
// 骰子動畫函數
|
||||
function diceSvga () {
|
||||
$('.page1 .diceBox .diceSvga').show();
|
||||
$('.page1 .diceBox .dice').hide();
|
||||
parser.load(`./images/sz.svga`, function (videoItem) {
|
||||
player.loops = 1;
|
||||
player.clearsAfterStop = false;
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
player.setContentMode('AspectFill');
|
||||
player.onFinished(() => {
|
||||
$('.page1 .diceBox .dice').show();
|
||||
$('.page1 .diceBox .diceSvga').hide();
|
||||
})
|
||||
})
|
||||
}
|
||||
// 搖骰子按鈕
|
||||
$('.page1 .diceBox .dice').click(function () {
|
||||
if (drawLock) {
|
||||
if (candyNum < 1) {
|
||||
toastMsg('糖果券不足')
|
||||
return
|
||||
}
|
||||
draw(poolType, 1);
|
||||
}
|
||||
})
|
||||
// 全部投入
|
||||
$('.page1 .diceBox .diceRightBut').click(function () {
|
||||
if (drawLock) {
|
||||
if (candyNum < 1) {
|
||||
toastMsg('糖果券不足')
|
||||
return
|
||||
}
|
||||
draw(poolType, null);
|
||||
}
|
||||
})
|
||||
// 活動結束按鈕
|
||||
$('.endActivity .endActivity_in .but').click(function () {
|
||||
$('.endActivity').hide();
|
||||
bodyScroolFun(false);
|
||||
$('.page1,.page2,.page3').hide();
|
||||
getRank(rankType, data);
|
||||
$('.page3').show();
|
||||
})
|
||||
// 寶箱開獎動畫定義
|
||||
let boxBig1 = new SVGA.Player('.boxImgSvga_in1');
|
||||
let boxBigParser1 = new SVGA.Parser('.boxImgSvga_in1');
|
||||
boxBigParser1.load(`./images/boxBig1.svga`, function (videoItem) {
|
||||
boxBig1.loops = 1;
|
||||
boxBig1.clearsAfterStop = false;
|
||||
boxBig1.setVideoItem(videoItem);
|
||||
boxBig1.startAnimation();
|
||||
boxBig1.setContentMode('AspectFill');
|
||||
})
|
||||
// 寶箱開獎動畫函數
|
||||
function boxBigSvga1 () {
|
||||
$('.boxImgSvgaA').show();
|
||||
boxBigParser1.load(`./images/boxBig1.svga`, function (videoItem) {
|
||||
boxBig1.loops = 1;
|
||||
boxBig1.clearsAfterStop = false;
|
||||
boxBig1.setVideoItem(videoItem);
|
||||
boxBig1.startAnimation();
|
||||
boxBig1.setContentMode('AspectFill');
|
||||
boxBig1.onFinished(() => {
|
||||
$('.boxImgSvgaA').hide();
|
||||
$('.gx').show();
|
||||
})
|
||||
})
|
||||
}
|
||||
// 寶箱開獎動畫定義
|
||||
let boxBig2 = new SVGA.Player('.boxImgSvga_in2');
|
||||
let boxBigParser2 = new SVGA.Parser('.boxImgSvga_in2');
|
||||
boxBigParser2.load(`./images/boxBig2.svga`, function (videoItem) {
|
||||
boxBig2.loops = 1;
|
||||
boxBig2.clearsAfterStop = false;
|
||||
boxBig2.setVideoItem(videoItem);
|
||||
boxBig2.startAnimation();
|
||||
boxBig2.setContentMode('AspectFill');
|
||||
})
|
||||
// 寶箱開獎動畫函數
|
||||
function boxBigSvga2 () {
|
||||
$('.boxImgSvgaB').show();
|
||||
boxBigParser2.load(`./images/boxBig2.svga`, function (videoItem) {
|
||||
boxBig2.loops = 1;
|
||||
boxBig2.clearsAfterStop = false;
|
||||
boxBig2.setVideoItem(videoItem);
|
||||
boxBig2.startAnimation();
|
||||
boxBig2.setContentMode('AspectFill');
|
||||
boxBig2.onFinished(() => {
|
||||
$('.boxImgSvgaB').hide();
|
||||
$('.gx').show();
|
||||
})
|
||||
})
|
||||
}
|
||||
// 寶箱開獎動畫定義
|
||||
let boxBig3 = new SVGA.Player('.boxImgSvga_in3');
|
||||
let boxBigParser3 = new SVGA.Parser('.boxImgSvga_in3');
|
||||
boxBigParser2.load(`./images/boxBig3.svga`, function (videoItem) {
|
||||
boxBig3.loops = 1;
|
||||
boxBig3.clearsAfterStop = false;
|
||||
boxBig3.setVideoItem(videoItem);
|
||||
boxBig3.startAnimation();
|
||||
boxBig3.setContentMode('AspectFill');
|
||||
})
|
||||
// 寶箱開獎動畫函數
|
||||
function boxBigSvga3 () {
|
||||
$('.boxImgSvgaC').show();
|
||||
boxBigParser2.load(`./images/boxBig3.svga`, function (videoItem) {
|
||||
boxBig3.loops = 1;
|
||||
boxBig3.clearsAfterStop = false;
|
||||
boxBig3.setVideoItem(videoItem);
|
||||
boxBig3.startAnimation();
|
||||
boxBig3.setContentMode('AspectFill');
|
||||
boxBig3.onFinished(() => {
|
||||
$('.boxImgSvgaC').hide();
|
||||
$('.gx').show();
|
||||
})
|
||||
})
|
||||
}
|
||||
// 抽獎接口
|
||||
function draw (poolType, num) {
|
||||
drawLock = false;
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023Halloween/draw/draw',
|
||||
data: { poolType, num },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 判斷是否全部投入或單次投入
|
||||
if (num != null) {
|
||||
diceSvga();
|
||||
setTimeout(function () {
|
||||
res.data.step.forEach((res, index) => {
|
||||
console.log(res);
|
||||
setTimeout(function () {
|
||||
$('.page1 .road .gui').css({
|
||||
left: leftArr[res],
|
||||
bottom: bottArr[res],
|
||||
})
|
||||
}, (index + 1) * 300)
|
||||
});
|
||||
drawOut(res, res.data.step.length + 1, poolType);
|
||||
}, 1600);
|
||||
} else {
|
||||
drawOut(res, 0, poolType);
|
||||
}
|
||||
// 設置步數
|
||||
$('.page1 .diceBox .dice').attr('src', `./images/dice${res.data.step.length}.png`);
|
||||
} else if (res.code == 4000) {
|
||||
toastMsg(res.message);
|
||||
getConfig();
|
||||
drawLock = true;
|
||||
} else {
|
||||
drawLock = true;
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
drawLock = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 中獎或未中獎渲染
|
||||
function drawOut (res, time, poolType) {
|
||||
//判斷是否中獎
|
||||
if (res.data.hasReward) {
|
||||
// 渲染中獎列錶<p>xxx頭飾*1天</p>
|
||||
var str = '';
|
||||
$('.gx .gx_in .gxBox li').remove();
|
||||
res.data.rewardList.forEach((res, i) => {
|
||||
// 1頭飾；2銘牌；3氣泡；4座駕；5禮物；
|
||||
str += `
|
||||
<li>
|
||||
<img src="${res.pic}" alt="" class="gift ${res.type == 1 ? 'ts' : res.type == 2 ? 'mp' : res.type == 3 ? 'qp' : res.type == 4 ? 'zj' : 'lw'}">
|
||||
<p>${res.desc}</p>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.gx .gx_in .gxBox').append(str);
|
||||
setTimeout(function () {
|
||||
poolType == 1 ? boxBigSvga1() : poolType == 2 ? boxBigSvga2() : boxBigSvga3();
|
||||
$(`.page1 .road .boxImgs${res.data.step[res.data.step.length - 1]}`).attr('src', `./images/boxOpen${poolType}.png`);
|
||||
getConfig();
|
||||
// drawLock = true;
|
||||
}, time * 300)
|
||||
} else {
|
||||
setTimeout(function () {
|
||||
$('.zg').show();
|
||||
// drawLock = true;
|
||||
getConfig();
|
||||
}, time * 300)
|
||||
}
|
||||
bodyScroolFun(true);
|
||||
}
|
||||
//返回頁面 重新請求接口
|
||||
var hiddenProperty = 'hidden' in document ? 'hidden' :
|
||||
'webkitHidden' in document ? 'webkitHidden' :
|
||||
'mozHidden' in document ? 'mozHidden' : null;
|
||||
|
||||
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
|
||||
var onVisibilityChange = function () {
|
||||
if (!document[hiddenProperty]) {
|
||||
getConfig();
|
||||
getTaskConfig();
|
||||
}
|
||||
}
|
||||
document.addEventListener(visibilityChangeEvent, onVisibilityChange);
|
||||
File diff suppressed because one or more lines are too long
@@ -1,46 +0,0 @@
|
||||
var baba = document.querySelector('body');
|
||||
baba.addEventListener('click', function (e) {
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "hidden" });
|
||||
tianJia(e);
|
||||
})
|
||||
|
||||
var erZi = [];
|
||||
function tianJia (e) {
|
||||
var sunZi = document.createElement('div');
|
||||
sunZi.className = 'rabbit';
|
||||
// sunZi.innerHTML = '<i class="iconfont icon-tuzi"></i>';
|
||||
sunZi.innerHTML = '<img src="./images/xx.png" alt="">';
|
||||
baba.appendChild(sunZi);
|
||||
erZi.push({
|
||||
el: sunZi,
|
||||
top: e.pageY - 30,
|
||||
left: e.pageX - 20,
|
||||
opacity: 1,
|
||||
scale: 1,
|
||||
color: `rgb(${255 * Math.random()},${255 * Math.random()},${255 * Math.random()})`
|
||||
});
|
||||
move();
|
||||
};
|
||||
function move () {
|
||||
for (var i = 0; i < erZi.length; i++) {
|
||||
if (erZi[i].opacity <= 0) {
|
||||
baba.removeChild(erZi[i].el);
|
||||
erZi.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
erZi[i].top--;
|
||||
erZi[i].opacity = erZi[i].opacity - 0.04;
|
||||
// erZi[i].scale = erZi[i].scale + 0.0001;
|
||||
erZi[i].el.style.cssText = `
|
||||
top: ${erZi[i].top}px;
|
||||
left: ${erZi[i].left}px;
|
||||
color: ${erZi[i].color};
|
||||
opacity: ${erZi[i].opacity};
|
||||
transform: scale(${erZi[i].scale});
|
||||
position: absolute;
|
||||
`
|
||||
|
||||
}
|
||||
window.requestAnimationFrame(move);
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" });
|
||||
}
|
||||
@@ -1,553 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #EBC8FA 0%, #FCB0EB 99%);
|
||||
}
|
||||
|
||||
.rabbit {
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
top: 0.93333rem;
|
||||
left: 0.45333rem;
|
||||
z-index: 99;
|
||||
width: 0.82667rem;
|
||||
height: 0.82667rem;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.back p {
|
||||
color: #fff;
|
||||
font-size: 0.42667rem;
|
||||
position: absolute;
|
||||
width: 9rem;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
line-height: 0.82667rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 10.6rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.header .giftBox {
|
||||
width: 8.82667rem;
|
||||
height: 3.2rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.97333rem;
|
||||
}
|
||||
|
||||
.header .tab {
|
||||
width: 6.4rem;
|
||||
height: 1.10667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 9.52rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header .tab div {
|
||||
width: 2.82667rem;
|
||||
height: 1.10667rem;
|
||||
line-height: 1.10667rem;
|
||||
color: #F1E8F6;
|
||||
font-size: 0.37333rem;
|
||||
text-align: center;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100%, 100%;
|
||||
}
|
||||
|
||||
.header .tab .active {
|
||||
background: url(../images/tab_active.png) no-repeat;
|
||||
background-size: 100%, 100%;
|
||||
}
|
||||
|
||||
.header .rule_iaon {
|
||||
width: 1.6rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.62667rem;
|
||||
text-align: center;
|
||||
text-indent: 15px;
|
||||
color: #fff;
|
||||
font-size: 0.24rem;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: 5.33333rem;
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .activity1 {
|
||||
width: 10rem;
|
||||
height: 11.89333rem;
|
||||
background: url(../images/activity1Bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.57333rem auto 0.12rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page1 .activity1 div {
|
||||
position: absolute;
|
||||
right: 1rem;
|
||||
width: 2rem;
|
||||
height: 0.81333rem;
|
||||
line-height: 0.64rem;
|
||||
text-align: center;
|
||||
font-size: 0.28rem;
|
||||
color: #E7FEFF;
|
||||
background: url(../images/lqOut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .activity1 .but1 {
|
||||
top: 3.01333rem;
|
||||
}
|
||||
|
||||
.page1 .activity1 .but2 {
|
||||
top: 5.36rem;
|
||||
}
|
||||
|
||||
.page1 .activity1 .but3 {
|
||||
top: 7.72rem;
|
||||
}
|
||||
|
||||
.page1 .activity1 .but4 {
|
||||
top: 10.06667rem;
|
||||
}
|
||||
|
||||
.page1 .activity1 .out {
|
||||
background: url(../images/lq.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .activity2 {
|
||||
width: 10rem;
|
||||
height: 17.8rem;
|
||||
margin: 0 auto 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page2 .listTab {
|
||||
width: 9.2rem;
|
||||
height: 1.22667rem;
|
||||
margin: 0.4rem auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.page2 .listTab div {
|
||||
width: 4.6rem;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #F1E8F6;
|
||||
font-size: 0.32rem;
|
||||
line-height: 1.41333rem;
|
||||
background: url(../images/listTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .listTab .active {
|
||||
font-size: 0.4rem;
|
||||
line-height: 1.22667rem;
|
||||
background: url(../images/listTabActive.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .listBg {
|
||||
width: 9.2rem;
|
||||
min-height: 17rem;
|
||||
margin: 0 auto 0.5rem;
|
||||
background: linear-gradient(0deg, #B483D7 0%, #AD61FA 48%, #CB80FB 100%);
|
||||
border-radius: 0 0 0.26667rem 0.26667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page2 .listBg .dayTab {
|
||||
width: 7.53333rem;
|
||||
height: 0.88rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.58667rem auto 0.36rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .dayTab div {
|
||||
width: 2.22667rem;
|
||||
height: 0.88rem;
|
||||
line-height: 0.90667rem;
|
||||
text-align: center;
|
||||
color: #F1E8F6;
|
||||
font-size: 0.29333rem;
|
||||
background: url(../images/dayTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .listBg .dayTab .active {
|
||||
background: url(../images/dayTab_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox {
|
||||
width: 8.85333rem;
|
||||
height: 7.57333rem;
|
||||
background: url(../images/topBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 {
|
||||
width: 2.4rem;
|
||||
height: 2.32rem;
|
||||
position: absolute;
|
||||
top: 0.96rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 .ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 .tx {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.33333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 .num {
|
||||
width: 1.77333rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
top: -0.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.36rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.73333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 {
|
||||
width: 2.4rem;
|
||||
height: 2.32rem;
|
||||
position: absolute;
|
||||
top: 2.42667rem;
|
||||
left: 0.6rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 .ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 .tx {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.33333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 .num {
|
||||
width: 1.77333rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
top: -0.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.36rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.73333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 {
|
||||
width: 2.4rem;
|
||||
height: 2.32rem;
|
||||
position: absolute;
|
||||
top: 2.42667rem;
|
||||
right: 0.6rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 .ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 .tx {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.33333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 .num {
|
||||
width: 1.77333rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
top: -0.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.36rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.73333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .list {
|
||||
width: 8.13333rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li {
|
||||
width: 100%;
|
||||
height: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
border-radius: 0.26667rem;
|
||||
background: #9B50DB;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li .num {
|
||||
width: 0.6rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
height: 100%;
|
||||
margin: 0 0.26667rem 0 0.33333rem;
|
||||
float: left;
|
||||
font-size: 0.49333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li .tx {
|
||||
width: 1.25333rem;
|
||||
height: 1.25333rem;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.32rem;
|
||||
margin-top: 0.21333rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li .nick {
|
||||
float: left;
|
||||
width: 2.1rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.38667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li .score {
|
||||
float: right;
|
||||
margin-right: 0.36rem;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.page2 .myList {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 1.98667rem;
|
||||
line-height: 1.98667rem;
|
||||
background: #734DC1;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.page2 .myList .num {
|
||||
width: 1.6rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
height: 100%;
|
||||
margin: 0 0.26667rem 0 0.33333rem;
|
||||
float: left;
|
||||
font-size: 0.49333rem;
|
||||
}
|
||||
|
||||
.page2 .myList .tx {
|
||||
width: 1.25333rem;
|
||||
height: 1.25333rem;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.32rem;
|
||||
margin-top: 0.33333rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 .myList .nick {
|
||||
float: left;
|
||||
width: 2.1rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.38667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page2 .myList .score {
|
||||
float: right;
|
||||
margin-right: 0.36rem;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.apple {
|
||||
width: 100%;
|
||||
height: 1.97333rem;
|
||||
line-height: 1.97333rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
|
||||
.rule {
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.rule .rule_iaon {
|
||||
width: 9.68rem;
|
||||
height: 14.46667rem;
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.rule .rule_iaon .box {
|
||||
position: absolute;
|
||||
width: 8.61333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.6rem;
|
||||
height: 12rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.rule .rule_iaon .box img {
|
||||
width: 100%;
|
||||
height: 47.41333rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layui-m-layershade {
|
||||
background-color: rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
@@ -1,562 +0,0 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #EBC8FA 0%, #FCB0EB 99%);
|
||||
}
|
||||
|
||||
.rabbit {
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
top: px2rem(70);
|
||||
left: px2rem(34);
|
||||
z-index: 99;
|
||||
width: px2rem(62);
|
||||
height: px2rem(62);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #fff;
|
||||
font-size: px2rem(32);
|
||||
position: absolute;
|
||||
width: 9rem;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
line-height: px2rem(62);
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(795);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
.giftBox {
|
||||
width: px2rem(662);
|
||||
height: px2rem(240);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(448);
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(480);
|
||||
height: px2rem(83);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(714);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(212);
|
||||
height: px2rem(83);
|
||||
line-height: px2rem(83);
|
||||
color: #F1E8F6;
|
||||
font-size: px2rem(28);
|
||||
text-align: center;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100%, 100%;
|
||||
}
|
||||
|
||||
.active {
|
||||
background: url(../images/tab_active.png) no-repeat;
|
||||
background-size: 100%, 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.rule_iaon {
|
||||
width: px2rem(120);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(47);
|
||||
text-align: center;
|
||||
text-indent: 15px;
|
||||
color: #fff;
|
||||
font-size: px2rem(18);
|
||||
position: absolute;
|
||||
right: px2rem(0);
|
||||
top: px2rem(400);
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.page1 {
|
||||
// display: none;
|
||||
|
||||
.activity1 {
|
||||
width: px2rem(750);
|
||||
height: px2rem(892);
|
||||
background: url(../images/activity1Bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(-43) auto px2rem(9);
|
||||
position: relative;
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
right: px2rem(75);
|
||||
width: px2rem(150);
|
||||
height: px2rem(61);
|
||||
line-height: px2rem(48);
|
||||
text-align: center;
|
||||
font-size: px2rem(21);
|
||||
color: #E7FEFF;
|
||||
background: url(../images/lqOut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.but1 {
|
||||
top: px2rem(226);
|
||||
}
|
||||
|
||||
.but2 {
|
||||
top: px2rem(402);
|
||||
}
|
||||
|
||||
.but3 {
|
||||
top: px2rem(579);
|
||||
}
|
||||
|
||||
.but4 {
|
||||
top: px2rem(755);
|
||||
}
|
||||
|
||||
.out {
|
||||
background: url(../images/lq.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.activity2 {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1335);
|
||||
margin: 0 auto 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
|
||||
.listTab {
|
||||
width: px2rem(690);
|
||||
height: px2rem(92);
|
||||
margin: px2rem(30) auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(345);
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #F1E8F6;
|
||||
font-size: px2rem(24);
|
||||
line-height: px2rem(106);
|
||||
background: url(../images/listTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.active {
|
||||
font-size: px2rem(30);
|
||||
line-height: px2rem(92);
|
||||
background: url(../images/listTabActive.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.listBg {
|
||||
width: px2rem(690);
|
||||
min-height: 17rem;
|
||||
margin: 0 auto 0.5rem;
|
||||
background: linear-gradient(0deg, #B483D7 0%, #AD61FA 48%, #CB80FB 100%);
|
||||
border-radius: 0 0 px2rem(20) px2rem(20);
|
||||
overflow: hidden;
|
||||
|
||||
.dayTab {
|
||||
width: px2rem(565);
|
||||
height: px2rem(66);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(44) auto px2rem(27);
|
||||
|
||||
div {
|
||||
width: px2rem(167);
|
||||
height: px2rem(66);
|
||||
line-height: px2rem(68);
|
||||
text-align: center;
|
||||
color: #F1E8F6;
|
||||
font-size: px2rem(22);
|
||||
background: url(../images/dayTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.active {
|
||||
background: url(../images/dayTab_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.topBox {
|
||||
width: px2rem(664);
|
||||
height: px2rem(568);
|
||||
background: url(../images/topBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
.no1 {
|
||||
width: px2rem(180);
|
||||
height: px2rem(174);
|
||||
position: absolute;
|
||||
top: px2rem(72);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: px2rem(25);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.num {
|
||||
width: px2rem(133);
|
||||
height: px2rem(56);
|
||||
position: absolute;
|
||||
top: px2rem(-58);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-27);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-55);
|
||||
}
|
||||
}
|
||||
|
||||
.no2 {
|
||||
width: px2rem(180);
|
||||
height: px2rem(174);
|
||||
position: absolute;
|
||||
top: px2rem(182);
|
||||
left: px2rem(45);
|
||||
|
||||
.ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: px2rem(25);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.num {
|
||||
width: px2rem(133);
|
||||
height: px2rem(56);
|
||||
position: absolute;
|
||||
top: px2rem(-58);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-27);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-55);
|
||||
}
|
||||
}
|
||||
|
||||
.no3 {
|
||||
width: px2rem(180);
|
||||
height: px2rem(174);
|
||||
position: absolute;
|
||||
top: px2rem(182);
|
||||
right: px2rem(45);
|
||||
|
||||
.ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: px2rem(25);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.num {
|
||||
width: px2rem(133);
|
||||
height: px2rem(56);
|
||||
position: absolute;
|
||||
top: px2rem(-58);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-27);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-55);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
width: px2rem(610);
|
||||
margin: 0 auto;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(120);
|
||||
line-height: px2rem(120);
|
||||
border-radius: px2rem(20);
|
||||
background: #9B50DB;
|
||||
margin-bottom: px2rem(10);
|
||||
|
||||
.num {
|
||||
width: px2rem(45);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
height: 100%;
|
||||
margin: 0 px2rem(20) 0 px2rem(25);
|
||||
float: left;
|
||||
font-size: px2rem(37);
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(94);
|
||||
height: px2rem(94);
|
||||
border-radius: 50%;
|
||||
margin-right: px2rem(24);
|
||||
margin-top: px2rem(16);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nick {
|
||||
float: left;
|
||||
width: 2.1rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(29);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
float: right;
|
||||
margin-right: px2rem(27);
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.myList {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: px2rem(149);
|
||||
line-height: px2rem(149);
|
||||
background: #734DC1;
|
||||
z-index: 3;
|
||||
|
||||
.num {
|
||||
width: 1.6rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
height: 100%;
|
||||
margin: 0 px2rem(20) 0 px2rem(25);
|
||||
float: left;
|
||||
font-size: px2rem(37);
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(94);
|
||||
height: px2rem(94);
|
||||
border-radius: 50%;
|
||||
margin-right: px2rem(24);
|
||||
margin-top: px2rem(25);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nick {
|
||||
float: left;
|
||||
width: 2.1rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(29);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
float: right;
|
||||
margin-right: px2rem(27);
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.apple {
|
||||
width: 100%;
|
||||
height: px2rem(148);
|
||||
line-height: px2rem(148);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
|
||||
.rule {
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
|
||||
.rule_iaon {
|
||||
width: px2rem(726);
|
||||
height: px2rem(1085);
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow-y: scroll;
|
||||
|
||||
.box {
|
||||
position: absolute;
|
||||
width: px2rem(646);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.6rem;
|
||||
height: 12rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: px2rem(3556);
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.layui-m-layershade{
|
||||
background-color: rgba(0,0,0,.3) !important;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 292 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 410 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 364 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user