moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
e533052973bf764afa930b0b132e623c16544559
peko-h5/view/peko/modules/act-wishingStar/index.html

252 lines
9.1 KiB
HTML
Raw Normal View History

许愿之星暂存
2024-02-23 12:29:08 +08:00
<!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>
新增许愿之星
2024-02-26 10:25:02 +08:00
<!-- 页面1 -->
许愿之星暂存
2024-02-23 12:29:08 +08:00
<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>
新增许愿之星
2024-02-26 10:25:02 +08:00
<p>0/0</p>
许愿之星暂存
2024-02-23 12:29:08 +08:00
</div>
新增许愿之星
2024-02-26 10:25:02 +08:00
<div class="wishIng">已許願0次</div>
许愿之星暂存
2024-02-23 12:29:08 +08:00
<img src="./images/wishIngBut.png" alt="" class="wishIngBut">
</li>
</ul>
新增刷新按钮
2024-02-26 14:18:30 +08:00
<img src="./images/update.png" alt="" class="update">
许愿之星暂存
2024-02-23 12:29:08 +08:00
</div>
新增许愿之星
2024-02-26 10:25:02 +08:00
<!-- 页面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">
修复bug
2024-02-27 20:16:07 +08:00
<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內搜索ID：10001、WeChat:sd245376）；</p>
<p>9.本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關；</p>
新增许愿之星
2024-02-26 10:25:02 +08:00
</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">
修复bug
2024-02-27 20:16:07 +08:00
<!-- <li class="liAct">
新增许愿之星
2024-02-26 10:25:02 +08:00
<div class="left">
<p>00:00:00</p>
<i>2024-02-23</i>
</div>
<div class="right">
<p>獲得：禮物名稱</p>
<i>（8888鉆石）</i>
</div>
</li>
修复bug
2024-02-27 20:16:07 +08:00
<li></li> -->
新增许愿之星
2024-02-26 10:25:02 +08:00
</ul>
<ul class="ul2">
修复bug
2024-02-27 20:16:07 +08:00
<!-- <li class="liAct">
新增许愿之星
2024-02-26 10:25:02 +08:00
<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>
修复bug
2024-02-27 20:16:07 +08:00
</li> -->
新增许愿之星
2024-02-26 10:25:02 +08:00
</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>
新增刷新按钮
2024-02-26 14:18:30 +08:00
许愿之星暂存
2024-02-23 12:29:08 +08:00
</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>
修复bug
2024-02-27 20:16:07 +08:00
<script src="./js/wow.js"></script>
许愿之星暂存
2024-02-23 12:29:08 +08:00
<script src="./js/index.js"></script>
Reference in New Issue Copy Permalink