Files
peko-h5/view/peko/activity/act-kitchen/index.html

324 lines
12 KiB
HTML
Raw Normal View History

2023-09-25 22:14:31 +08:00
<!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/index.css">
</head>
<body>
<!-- 头部 -->
<div class="header">
<img src="./images/headerText.png" alt="" class="headerText">
<img src="./images/rule_icon.png" alt="" class="rule_icon">
<img src="./images/record_icon.png" alt="" class="record_icon">
<img src="./images/rank_icon.png" alt="" class="rank_icon">
2023-09-26 16:30:29 +08:00
<div class="headerH3">選擇鉆石 > 選擇圖標</div>
2023-09-25 22:14:31 +08:00
</div>
<!-- 食材大盒子 -->
<div class="box">
2023-09-26 16:30:29 +08:00
<!-- 标题 -->
<div class="boxTitle">
2023-09-27 17:53:23 +08:00
<!-- 請選擇:<b>30</b> 秒 -->
2023-09-26 16:30:29 +08:00
</div>
<!-- tab -->
<dib class="tab">
<div class="active">
<img src="./images/Bdiamond.png" alt="">
<b>100</b>
</div>
<div>
<img src="./images/Bdiamond.png" alt="">
<b>1000</b>
</div>
<div>
<img src="./images/Bdiamond.png" alt="">
<b>10000</b>
</div>
</dib>
2023-09-27 17:53:23 +08:00
<!-- 食材列表 -->
2023-09-26 16:30:29 +08:00
<div class="box_in1 box_in">
2023-09-27 17:53:23 +08:00
<div class="sBox item1">
<div class="sBox1 ">
<img src="" alt="">
2023-09-26 16:30:29 +08:00
</div>
<div class="SboxText">洋葱</div>
<div class="qp">
<i>已选择</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
2023-09-27 17:53:23 +08:00
<b></b>
2023-09-26 16:30:29 +08:00
</p>
</div>
<div class="bei">x15</div>
</div>
2023-09-27 17:53:23 +08:00
<div class="sBox item2">
2023-09-26 16:30:29 +08:00
<div class="sBox1">
2023-09-27 17:53:23 +08:00
<img src="" alt="">
2023-09-26 16:30:29 +08:00
</div>
<div class="SboxText">洋葱</div>
<div class="qp">
<i>已选择</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
2023-09-27 17:53:23 +08:00
<b></b>
2023-09-26 16:30:29 +08:00
</p>
</div>
<div class="bei">x15</div>
</div>
2023-09-27 17:53:23 +08:00
<div class="sBox item3">
2023-09-26 16:30:29 +08:00
<div class="sBox1">
2023-09-27 17:53:23 +08:00
<img src="" alt="">
2023-09-26 16:30:29 +08:00
</div>
<div class="SboxText">洋葱</div>
<div class="qp">
<i>已选择</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
2023-09-27 17:53:23 +08:00
<b></b>
2023-09-26 16:30:29 +08:00
</p>
</div>
<div class="bei">x15</div>
</div>
2023-09-27 17:53:23 +08:00
<div class="sBox item4">
2023-09-26 16:30:29 +08:00
<div class="sBox1">
2023-09-27 17:53:23 +08:00
<img src="" alt="">
2023-09-26 16:30:29 +08:00
</div>
<div class="SboxText">洋葱</div>
<div class="qp">
<i>已选择</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
2023-09-27 17:53:23 +08:00
<b></b>
2023-09-26 16:30:29 +08:00
</p>
</div>
<div class="bei">x15</div>
</div>
</div>
<div class="box_in1 box_in">
2023-09-27 17:53:23 +08:00
<div class="sBox item5">
<div class="sBox1 ">
<img src="" alt="">
2023-09-26 16:30:29 +08:00
</div>
<div class="SboxText">洋葱</div>
<div class="qp">
<i>已选择</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
2023-09-27 17:53:23 +08:00
<b></b>
2023-09-26 16:30:29 +08:00
</p>
</div>
<div class="bei">x15</div>
</div>
2023-09-27 17:53:23 +08:00
<div class="sBox item6">
2023-09-26 16:30:29 +08:00
<div class="sBox1">
2023-09-27 17:53:23 +08:00
<img src="" alt="">
2023-09-26 16:30:29 +08:00
</div>
<div class="SboxText">洋葱</div>
<div class="qp">
<i>已选择</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
2023-09-27 17:53:23 +08:00
<b></b>
2023-09-26 16:30:29 +08:00
</p>
</div>
<div class="bei">x15</div>
</div>
2023-09-27 17:53:23 +08:00
<div class="sBox item7">
2023-09-26 16:30:29 +08:00
<div class="sBox1">
2023-09-27 17:53:23 +08:00
<img src="" alt="">
2023-09-26 16:30:29 +08:00
</div>
<div class="SboxText">洋葱</div>
<div class="qp">
<i>已选择</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
2023-09-27 17:53:23 +08:00
<b></b>
2023-09-26 16:30:29 +08:00
</p>
</div>
<div class="bei">x15</div>
</div>
2023-09-27 17:53:23 +08:00
<div class="sBox item8">
2023-09-26 16:30:29 +08:00
<div class="sBox1">
2023-09-27 17:53:23 +08:00
<img src="" alt="">
2023-09-26 16:30:29 +08:00
</div>
<div class="SboxText">洋葱</div>
<div class="qp">
<i>已选择</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
2023-09-27 17:53:23 +08:00
<b></b>
2023-09-26 16:30:29 +08:00
</p>
</div>
<div class="bei">x15</div>
</div>
</div>
2023-09-27 17:53:23 +08:00
<!-- 第二轮透明遮罩 -->
<div class="masks"></div>
2023-09-26 16:30:29 +08:00
</div>
<!-- 往轮结果 -->
<div class="resultOut">
<img src="./images/wljg.png" alt="" class="wljg">
<img src="./images/sqp.png" alt="" class="sqp sqp1">
<img src="./images/sqp.png" alt="" class="sqp sqp2">
<img src="./images/sqp.png" alt="" class="sqp sqp3">
<img src="./images/sqp.png" alt="" class="sqp sqp4">
<img src="./images/sqp.png" alt="" class="sqp sqp5">
<img src="./images/sqp.png" alt="" class="sqp sqp6">
<img src="./images/sqp.png" alt="" class="sqp sqp7">
<img src="./images/sqp.png" alt="" class="sqp sqp8">
<img src="./images/sqp.png" alt="" class="sqp sqp9">
<img src="./images/sqp.png" alt="" class="sqp sqp10">
2023-09-27 17:53:23 +08:00
<img src="" alt="" class="sqp_in sqp_in1">
<img src="" alt="" class="sqp_in sqp_in2">
<img src="" alt="" class="sqp_in sqp_in3">
<img src="" alt="" class="sqp_in sqp_in4">
<img src="" alt="" class="sqp_in sqp_in5">
<img src="" alt="" class="sqp_in sqp_in6">
<img src="" alt="" class="sqp_in sqp_in7">
<img src="" alt="" class="sqp_in sqp_in8">
<img src="" alt="" class="sqp_in sqp_in9">
<img src="" alt="" class="sqp_in sqp_in10">
2023-09-26 16:30:29 +08:00
</div>
<!-- 大奖展示 -->
<div class="resultText"></div>
<!-- 免责声明 -->
<h3>本活動最終解釋權歸Piko所有<br>
2023-09-27 17:53:23 +08:00
<b>活動獎勵與Google Play/Apple Store無關</b>
</h3>
2023-09-26 16:30:29 +08:00
<!-- 用户信息 -->
<div class="my">
<div class="left">
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<img src="./images/add.png" alt="" class="add">
<b>鉆石余額:0</b>
</div>
<div class="right">
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b>今日獎勵:0</b>
</div>
2023-09-25 22:14:31 +08:00
</div>
2023-09-27 17:53:23 +08:00
<!-- 开奖结果弹窗 -->
<div class="result_popup">
<div class="result_popup_in">
<div class="result_popup_inTitle">本輪結果 <b></b></div>
<!-- 中奖结果列表 -->
<ul class="resultList">
<li>
<img src="./images/logo.png" alt="">
<div class="name">洋葱</div>
</li>
</ul>
<!-- 收益 -->
<div class="income">
<p class="p1">
<img src="./images/Sdiamond.png" alt="">
<b>0</b>
</p>
<p class="p2">
<img src="./images/Sdiamond.png" alt="">
<b>0</b>
</p>
</div>
<!-- 本轮前三 -->
<div class="no">
<div class="no1">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虚位以待</div>
<p>
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b> 0</b>
</p>
</div>
<div class="no2">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虚位以待</div>
<p>
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b> 0</b>
</p>
</div>
<div class="no3">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虚位以待</div>
<p>
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b> 0</b>
</p>
</div>
</div>
</div>
</div>
<!-- 规则弹窗 -->
<div class="shade-mask">
<div class="shade-content">
<main>
<div class="cyfs">
<p class="title">參與方式</p>
用戶可通過花費鉆石參與《星級廚房》遊戲每次最少消耗100鉆石每回合時間30秒
<p class="jietu"><img src="./images/t1.png" alt=""></p>
</div>
<div class="lwff">
<p class="title">禮物發放</p>
每次參與遊戲後會獲得一次禮物開獎;
<p class="jietu t2"><img src="./images/t2.png" alt=""></p>
每次隨機從8種食材中選取一個或多個作為中獎食材中獎後獲得中獎物品所花費的鉆石數*中獎食材對應倍數)的鉆石獎勵,當中獎多個食材時,獲得的鉆石會同時發放。鉆石將直接發放到賬戶中。
<p class="jietu t3"><img src="./images/t3.png" alt=""></p>
例如購買1個5倍番茄花費100鉆購買1個蘿蔔花費100鉆中獎後將獲得100*5+100*5=1000鉆。
</div>
<div class="qtsm">
<p class="title">其他說明</p>
如果以上說明未能解答您的疑問,請聯繫客服,會有專人解答疑難
<p>本活動以及活動獎勵與Google/蘋果公司無關</p>
</div>
</main>
</div>
</div>
<!-- 今日排名弹窗 -->
<div class="shade-mask-rank">
<div class="shade-content-rank">
<div class="rank-top">
<div class="tab-wrap">
<span class="diamond-rank active">今日獎勵榜</span>
<span class="num-rank">今日歐皇榜</span>
</div>
<div class="topthree-wrap">
</div>
</div>
<ul class="other-rank">
</ul>
<div class="mine">
<span class="mine-rank">1</span>
2023-09-27 17:53:23 +08:00
<div class="mine-info">
<img src="./images/logo.png" alt="">
<span class="mine-nick">单独</span>
2023-09-27 17:53:23 +08:00
</div>
<span class="mine-diamond-num">2</span>
2023-09-27 17:53:23 +08:00
</div>
</div>
</div>
<!-- 碎片不足提示弹窗 -->
<div class="shade-mask-fragmentNum">
<div class="shade-content-fragmentNum">
<div class="fragmentNum-title">鉆石余額不足</div>
<img src="./images/no-money.png" alt="">
<p>当前鉆石不足</p>
<div class="fragmentNum-btn-wrap">
<div class="cancel-btn">取消</div>
<div class="confirm-btn">获取鉆石</div>
</div>
</div>
</div>
2023-09-25 22:14:31 +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/svga.min.js"></script>
2023-09-27 17:53:23 +08:00
<script src="./js/wow.js"></script>
2023-09-25 22:14:31 +08:00
<script src="./js/index.js"></script>