Files
peko-h5/view/peko/modules/act-wishingStar/index.html
2024-02-27 20:16:07 +08:00

252 lines
9.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- 头部 -->
<div class="header">
<!-- 活动规则icon -->
<img src="./images/rule_icon.png" alt="" class="rule_icon">
<!-- 参与记录icon -->
<img src="./images/record_icon.png" alt="" class="record_icon">
<!-- Tab切换 -->
<div class="tabBox">
<div class="tab1 act1"></div>
<div class="tab2"></div>
</div>
</div>
<!-- 页面1 -->
<div class="page1">
<!-- 我的魔法棒 -->
<div class="top">
<div class="left">我的魔法棒</div>
<img src="./images/star.png" alt="" class="star">
<div class="centon">0</div>
<div class="but"></div>
</div>
<!-- 小标题 -->
<img src="./images/page1Title.png" alt="" class="page1Title">
<!-- 许愿列表 -->
<ul>
<li>
<div class="giftBox">
<img src="./images/logo.png" alt="" class="giftImg">
</div>
<div class="giftInfo">
<b>礼物名称</b>
<img src="./images/diamond.png" alt="" class="diamond">
<i>0</i>
</div>
<div class="inventory">库存0</div>
<div class="schedule">许愿进度</div>
<div class="line">
<div class="line_in">
<img src="./images/line.png" alt="">
</div>
<p>0/0</p>
</div>
<div class="wishIng">已許願0次</div>
<img src="./images/wishIngBut.png" alt="" class="wishIngBut">
</li>
</ul>
<img src="./images/update.png" alt="" class="update">
</div>
<!-- 页面2 -->
<div class="page2">
<div class="listTab tab1">
<div></div>
<div></div>
</div>
<ul class="listBox">
<li>
<div class="num">1</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="name">用户昵称</div>
<div class="right">
<p>0次</p>
<b>许愿获奖次数</b>
</div>
</li>
</ul>
<div class="my">
<div class="num">未上榜</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="name">用户昵称</div>
<div class="right">
<p>0次</p>
<b>许愿获奖次数</b>
</div>
</div>
</div>
<!-- 参与许愿弹窗 -->
<div class="wishingPop">
<div class="wishingPop_in">
<!-- 标题 -->
<img src="./images/wishIngtitle.png" alt="" class="wishIngtitle">
<!-- h3 -->
<h3>参与许愿次数</h3>
<!---->
<img src="./images/decrease.png" alt="" class="decrease">
<!-- 输入框 -->
<input type="number" value="1">
<!---->
<img src="./images/add.png" alt="" class="add">
<!-- 快捷添加 -->
<div class="quickAddition">
<div num="1">+1次</div>
<div num="10">+10次</div>
<div num="100">+100次</div>
<div num="200">+200次</div>
</div>
<!-- 剩余魔法棒 -->
<div class="magicSticks">
我的魔法棒:
<img src="./images/star.png" alt="" class="star">
<b>0</b>
</div>
<img src="./images/wishIngOk.png" alt="" class="but">
</div>
</div>
<!-- 购买魔法棒弹窗 -->
<div class="magicStick">
<div class="magicStick_in">
<!-- 标题 -->
<img src="./images/magicSticktitle.png" alt="" class="magicSticktitle">
<!-- h3 -->
<h3>可用魔法棒不足,请购买/购买数量</h3>
<!---->
<img src="./images/decrease.png" alt="" class="decrease">
<!-- 输入框 -->
<input type="number" value="1">
<!---->
<img src="./images/add.png" alt="" class="add">
<!-- 快捷添加 -->
<div class="quickAddition">
<div num="1">+1次</div>
<div num="10">+10次</div>
<div num="100">+100次</div>
</div>
<!-- 剩余魔法棒 -->
<div class="magicSticks">
消耗:
<img src="./images/diamond.png" alt="" class="star">
<b>100</b>
</div>
<img src="./images/magicStickOk.png" alt="" class="but">
<i>1魔法棒=100鉆</i>
</div>
</div>
<!-- 活动规则弹窗 -->
<div class="rule">
<div class="rule_in">
<img src="./images/ruleTitle.png" alt="" class="ruleTitle">
<div class="ruleText">
<p>1.購買魔法棒參與許願1個魔法棒=100鑽</p>
<p>2.許願獎勵:每輪投入滿足規定的魔法棒數量後立即開獎,獎勵將會自動發放至獲獎者背包;</p>
<p>3.許願開獎:玩家參與過其中任意物品的許願,開獎後將會有小秘書通知,也可以在【中獎記錄】查看自己的中獎記錄,以及曾經投入過的物品被誰帶走;</p>
<p>4.許願榜單許願榜單分為日榜和總榜日榜每日00:00更新</p>
<p>5.中獎概率:玩家投入魔法棒數量/規定開獎數量=玩家概率。(提示高概率不代表一定中獎哦);</p>
<p>6.活動結束時間另行通知,請留意小秘書公告;</p>
<p>7.如有作弊行為,官方有權清除作弊者所得的所有獎勵;</p>
<p>8.有任何疑問請聯繫客服LINE:pekoyuyin、app內搜索ID10001、WeChat:sd245376</p>
<p>9.本活動最終解釋權歸官方所有並與Apple inc/Google公司無關</p>
</div>
</div>
</div>
<!-- 参与记录 -->
<div class="record">
<div class="record_in">
<img src="./images/recordTitl.png" alt="" class="recordTitl">
<div class="recordtab">
<div class="tab1 act1"></div>
<div class="tab2"></div>
</div>
<ul class="ul1">
<!-- <li class="liAct">
<div class="left">
<p>00:00:00</p>
<i>2024-02-23</i>
</div>
<div class="right">
<p>獲得:禮物名稱</p>
<i>8888鉆石</i>
</div>
</li>
<li></li> -->
</ul>
<ul class="ul2">
<!-- <li class="liAct">
<div class="left">
<p>00:00:00</p>
<i>2024-02-23</i>
</div>
<div class="center">
<p>许愿:礼物名称</p>
<i>进行中</i>
</div>
<div class="right">
<p>我是用户昵</p>
<i>获得</i>
</div>
</li>
<li>
<div class="left">
<p>00:00:00</p>
<i>2024-02-23</i>
</div>
<div class="center">
<p>许愿:礼物名称</p>
<i>进行中</i>
</div>
<div class="right">
<p>我是用户昵</p>
<i>获得</i>
</div>
</li> -->
</ul>
</div>
</div>
<!-- 去充值弹窗 -->
<div class="goToPay">
<div class="goToPay_in">
<div class="but"></div>
</div>
</div>
<!-- 购买成功弹窗 -->
<div class="buySuccess">
<div class="buySuccess_in">
<h3>購買成功</h3>
<p>魔法棒+1</p>
<img src="./images/buySuccessBut.png" alt="" class="buySuccessBut">
</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/route-constant.js"></script>
<script src="./js/wow.js"></script>
<script src="./js/index.js"></script>