351 lines
13 KiB
HTML
351 lines
13 KiB
HTML
<!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> |