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

338 lines
13 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">
2024-03-08 15:21:20 +08:00
<title>瘋狂動物園</title>
2023-09-25 22:14:31 +08:00
<link rel="stylesheet" href="../../common/css/reset.css">
2024-03-29 16:30:02 +08:00
<link rel="stylesheet" href="./css/index.css?v=1.1">
2023-09-25 22:14:31 +08:00
</head>
<body>
2023-09-28 16:08:27 +08:00
<!-- 頭部 -->
2023-09-25 22:14:31 +08:00
<div class="header">
2024-03-08 15:21:20 +08:00
<!-- <img src="./images/headerText.png" alt="" class="headerText"> -->
2023-09-25 22:14:31 +08:00
<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">
2024-03-29 14:42:50 +08:00
<img src="./images/bo.png" alt="" class="muciek" id="muciek">
2024-03-08 15:21:20 +08:00
<!-- <div class="headerH3">選擇鉆石 > 選擇圖標</div> -->
2023-09-25 22:14:31 +08:00
</div>
<!-- 食材大盒子 -->
<div class="box">
2023-09-28 16:08:27 +08:00
<!-- 標題 -->
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="">
2024-03-08 15:21:20 +08:00
<b>500</b>
2023-09-26 16:30:29 +08:00
</div>
<div>
<img src="./images/Bdiamond.png" alt="">
2024-03-08 15:21:20 +08:00
<b>5000</b>
2023-09-26 16:30:29 +08:00
</div>
</dib>
2023-09-28 16:08:27 +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>
2023-09-28 16:08:27 +08:00
<div class="SboxText">洋蔥</div>
2023-09-26 16:30:29 +08:00
<div class="qp">
2023-09-28 16:08:27 +08:00
<i>已選擇</i>
2023-09-26 16:30:29 +08:00
<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>
2023-09-28 16:08:27 +08:00
<div class="SboxText">洋蔥</div>
2023-09-26 16:30:29 +08:00
<div class="qp">
2023-09-28 16:08:27 +08:00
<i>已選擇</i>
2023-09-26 16:30:29 +08:00
<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>
2023-09-28 16:08:27 +08:00
<div class="SboxText">洋蔥</div>
2023-09-26 16:30:29 +08:00
<div class="qp">
2023-09-28 16:08:27 +08:00
<i>已選擇</i>
2023-09-26 16:30:29 +08:00
<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>
2023-09-28 16:08:27 +08:00
<div class="SboxText">洋蔥</div>
2023-09-26 16:30:29 +08:00
<div class="qp">
2023-09-28 16:08:27 +08:00
<i>已選擇</i>
2023-09-26 16:30:29 +08:00
<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>
2023-09-28 16:08:27 +08:00
<div class="SboxText">洋蔥</div>
2023-09-26 16:30:29 +08:00
<div class="qp">
2023-09-28 16:08:27 +08:00
<i>已選擇</i>
2023-09-26 16:30:29 +08:00
<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>
2023-09-28 16:08:27 +08:00
<div class="SboxText">洋蔥</div>
2023-09-26 16:30:29 +08:00
<div class="qp">
2023-09-28 16:08:27 +08:00
<i>已選擇</i>
2023-09-26 16:30:29 +08:00
<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>
2023-09-28 16:08:27 +08:00
<div class="SboxText">洋蔥</div>
2023-09-26 16:30:29 +08:00
<div class="qp">
2023-09-28 16:08:27 +08:00
<i>已選擇</i>
2023-09-26 16:30:29 +08:00
<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>
2023-09-28 16:08:27 +08:00
<div class="SboxText">洋蔥</div>
2023-09-26 16:30:29 +08:00
<div class="qp">
2023-09-28 16:08:27 +08:00
<i>已選擇</i>
2023-09-26 16:30:29 +08:00
<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-28 16:08:27 +08:00
<!-- 第二輪透明遮罩 -->
2023-09-27 17:53:23 +08:00
<div class="masks"></div>
2023-09-26 16:30:29 +08:00
</div>
2023-09-28 16:08:27 +08:00
<!-- 往輪結果 -->
2023-09-26 16:30:29 +08:00
<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>
2023-09-28 16:08:27 +08:00
<!-- 大獎展示 -->
2023-09-26 16:30:29 +08:00
<div class="resultText"></div>
2023-09-28 16:08:27 +08:00
<!-- 免責聲明 -->
2023-09-26 16:30:29 +08:00
<h3>本活動最終解釋權歸Piko所有<br>
2023-09-27 17:53:23 +08:00
<b>活動獎勵與Google Play/Apple Store無關</b>
</h3>
2023-09-28 16:08:27 +08:00
<!-- 用戶信息 -->
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-28 16:08:27 +08:00
<!-- 開獎結果彈窗 -->
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>
2023-09-28 16:08:27 +08:00
<!-- 中獎結果列錶 -->
2023-09-27 17:53:23 +08:00
<ul class="resultList">
<li>
<img src="./images/logo.png" alt="">
2023-09-28 16:08:27 +08:00
<div class="name">洋蔥</div>
2023-09-27 17:53:23 +08:00
</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>
2023-09-28 16:08:27 +08:00
<!-- 本輪前三 -->
2023-09-27 17:53:23 +08:00
<div class="no">
<div class="no1">
<img src="./images/logo.png" alt="" class="tx">
2023-09-28 16:08:27 +08:00
<div class="name">虛位以待</div>
2023-09-27 17:53:23 +08:00
<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">
2023-09-28 16:08:27 +08:00
<div class="name">虛位以待</div>
2023-09-27 17:53:23 +08:00
<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">
2023-09-28 16:08:27 +08:00
<div class="name">虛位以待</div>
2023-09-27 17:53:23 +08:00
<p>
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b> 0</b>
</p>
</div>
</div>
</div>
</div>
2023-09-28 16:08:27 +08:00
<!-- 規則彈窗 -->
2023-09-27 17:53:23 +08:00
<div class="shade-mask">
<div class="shade-content">
<main>
<div class="cyfs">
<p class="title">參與方式</p>
2024-03-08 15:21:20 +08:00
玩家可通過鑽石參與《瘋狂動物園》遊戲每次最少需花費100鑽石每個回合時間30秒。
2023-09-27 17:53:23 +08:00
<p class="jietu"><img src="./images/t1.png" alt=""></p>
</div>
<div class="lwff">
<p class="title">禮物發放</p>
2024-03-08 15:21:20 +08:00
每次參與遊戲後悔獲得一次禮物開獎。;
2023-09-27 17:53:23 +08:00
<p class="jietu t2"><img src="./images/t2.png" alt=""></p>
2024-03-08 15:21:20 +08:00
每次隨機從8種小動物種選取一個作為中獎食材中獎後獲得中獎物品所花費的鑽石數*中獎小動物對應倍數)的鑽石獎勵,鑽石將直接發放到賬戶中。
2023-09-27 17:53:23 +08:00
<p class="jietu t3"><img src="./images/t3.png" alt=""></p>
2024-03-08 15:21:20 +08:00
例如購買1個5倍大象花費100鑽中獎後獲得100*5的鑽石。
2023-09-27 17:53:23 +08:00
</div>
<div class="qtsm">
<p class="title">其他說明</p>
2024-03-08 15:21:20 +08:00
如果以上說明未能解答您的疑問,請聯系客服,會有專人解答疑難。
2023-09-27 17:53:23 +08:00
<p>本活動以及活動獎勵與Google/蘋果公司無關</p>
</div>
</main>
</div>
</div>
2023-09-28 16:08:27 +08:00
<!-- 今日排名彈窗 -->
2023-09-27 17:53:23 +08:00
<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">
2023-10-07 11:07:28 +08:00
<span class="mine-rank"></span>
2023-09-27 17:53:23 +08:00
<div class="mine-info">
<img src="./images/logo.png" alt="">
2023-10-07 11:07:28 +08:00
<span class="mine-nick"></span>
2023-09-27 17:53:23 +08:00
</div>
2023-10-07 11:07:28 +08:00
<span class="mine-diamond-num"></span>
2023-09-27 17:53:23 +08:00
</div>
</div>
</div>
2023-09-28 16:08:27 +08:00
<!-- 碎片不足提示彈窗 -->
2023-09-27 17:53:23 +08:00
<div class="shade-mask-fragmentNum">
<div class="shade-content-fragmentNum">
<div class="fragmentNum-title">鉆石余額不足</div>
<img src="./images/no-money.png" alt="">
2023-09-28 16:08:27 +08:00
<p>當前鉆石不足</p>
2023-09-27 17:53:23 +08:00
<div class="fragmentNum-btn-wrap">
<div class="cancel-btn">取消</div>
2023-09-28 16:08:27 +08:00
<div class="confirm-btn">獲取鉆石</div>
2023-09-27 17:53:23 +08:00
</div>
</div>
</div>
2024-03-29 14:42:50 +08:00
<!-- 投入音效 -->
<audio style="display: none;" id="draw">
2024-03-29 16:27:27 +08:00
<source src="./images/draw.mp3" type="audio/mp3">
2024-03-29 14:42:50 +08:00
</audio>
<!-- 开奖中音效 -->
<audio style="display: none;" id="lotteryMusic">
2024-03-29 16:27:27 +08:00
<source src="./images/lotteryMusic.mp3" type="audio/mp3">
2024-03-29 14:42:50 +08:00
</audio>
<!-- 背景音效 -->
<audio style="display: none;" id="backgroundMusic" autoplay loop>
2024-03-29 16:27:27 +08:00
<source src="./images/backgroundMusic.mp3" type="audio/mp3">
2024-03-29 14:42:50 +08:00
</audio>
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>
<script src="./js/index.js?v=1.3"></script>