331 lines
15 KiB
HTML
331 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport"
|
||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||
<title>星级厨房</title>
|
||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||
<link rel="stylesheet" href="./css/index.css?v=2.2">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 顶部返回 -->
|
||
<!-- <div class="back"><img src="./images/travel/back.png" alt=""></div> -->
|
||
<div class="wrap no-in-app">
|
||
<!-- <div class="wrap "> -->
|
||
<div class="banner">
|
||
<img src="./images/banner.png" alt="">
|
||
<img class="subtitle" src="./images/subtitle.png" alt="">
|
||
</div>
|
||
<div class="rule"><img src="./images/rule.png" alt=""></div>
|
||
<div class="record"><img src="./images/record.png" alt=""></div>
|
||
|
||
<!-- 特权商城 -->
|
||
<div class="mall" style="display: none;">
|
||
<img src="./images/mall.png" alt="">
|
||
</div>
|
||
<!-- 底部 -->
|
||
<div class="bottom" style="display: none;">
|
||
<div class="avatar"><img src="./images/logo.png" alt=""></div>
|
||
<div class="info-wrap">
|
||
<div class="diamond-num" style="width: 4rem;">我的鉆石：<span>0</span></div>
|
||
<div class="fragment-num" style="width: 4rem;">今日奖励：<span>0</span></div>
|
||
</div>
|
||
<!-- <div class="add"><img src="./images/add.png" alt=""></div> -->
|
||
<div class="recharge"><img src="./images/mall/recharge.png" alt=""></div>
|
||
</div>
|
||
<!-- 游戏区域 -->
|
||
<div class="game-area" >
|
||
<!-- 本轮轮次 -->
|
||
<div class="roundId"></div>
|
||
<!-- 选择时间 -->
|
||
<div class="select-time">
|
||
<div class="count-down">开奖倒计时：<span class="count-down-num"></span>秒</div>
|
||
<div class="current-tip">玩法：选择鉆石数量→选择食材</div>
|
||
|
||
<div class="btn-wrap">
|
||
<div class="active">100</div>
|
||
<div>1000</div>
|
||
<div>10000</div>
|
||
</div>
|
||
<ul>
|
||
<!-- <li class="li0" data-total-num="">
|
||
<img src="./images/1.png" alt="">
|
||
<div class="multiple"></div>
|
||
<div class="name general"></div>
|
||
<div class="bubble-2s">
|
||
<p class="first-line">點擊選取</p>
|
||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||
</div>
|
||
<div class="select-num"></div>
|
||
</li>
|
||
<li class="li1" data-total-num="">
|
||
<img src="./images/2.png" alt="">
|
||
<div class="multiple"></div>
|
||
<div class="name general"></div>
|
||
<div class="bubble-2s">
|
||
<p class="first-line">點擊選取</p>
|
||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||
</div>
|
||
<div class="select-num"></div>
|
||
</li>
|
||
<li class="li2" data-total-num="">
|
||
<img src="./images/3.png" alt="">
|
||
<div class="multiple"></div>
|
||
<div class="name general"></div>
|
||
<div class="bubble-2s">
|
||
<p class="first-line">點擊選取</p>
|
||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||
</div>
|
||
<div class="select-num"></div>
|
||
</li>
|
||
<li class="li3" data-total-num="">
|
||
<img src="./images/4.png" alt="">
|
||
<div class="multiple"></div>
|
||
<div class="name general"></div>
|
||
<div class="bubble-2s">
|
||
<p class="first-line">點擊選取</p>
|
||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||
</div>
|
||
<div class="select-num"></div>
|
||
</li>
|
||
<li class="li4" data-total-num="">
|
||
<img src="./images/5.png" alt="">
|
||
<div class="multiple"></div>
|
||
<div class="name general"></div>
|
||
<div class="bubble-2s">
|
||
<p class="first-line">點擊選取</p>
|
||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||
</div>
|
||
<div class="select-num"></div>
|
||
</li>
|
||
<li class="li5" data-total-num="">
|
||
<img src="./images/6.png" alt="">
|
||
<div class="multiple"></div>
|
||
<div class="name general"></div>
|
||
<div class="bubble-2s">
|
||
<p class="first-line">點擊選取</p>
|
||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||
</div>
|
||
<div class="select-num"></div>
|
||
</li>
|
||
<li class="li6" data-total-num="">
|
||
<img src="./images/7.png" alt="">
|
||
<div class="multiple"></div>
|
||
<div class="name general"></div>
|
||
<div class="bubble-2s">
|
||
<p class="first-line">點擊選取</p>
|
||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||
</div>
|
||
<div class="select-num"></div>
|
||
</li>
|
||
<li class="li7" data-total-num="">
|
||
<img src="./images/8.png" alt="">
|
||
<div class="multiple"></div>
|
||
<div class="name general"></div>
|
||
<div class="bubble-2s">
|
||
<p class="first-line">點擊選取</p>
|
||
<p class="second-line">賺 <span></span> 倍獎勵</p>
|
||
</div>
|
||
<div class="select-num"></div>
|
||
</li> -->
|
||
</ul>
|
||
|
||
<div class="shelf"><img src="./images/shelf.png" alt=""></div>
|
||
<div class="shelf"><img src="./images/shelf.png" alt=""></div>
|
||
</div>
|
||
<!-- 等待结果 -->
|
||
<div class="wait-time">
|
||
<div class="count-down">开奖中：<span class="count-down-num"></span>秒</div>
|
||
<div class="current-tip">等待结果</div>
|
||
</div>
|
||
<!-- 开奖展示动画时间 -->
|
||
<div class="draw-time" style="display: none;">
|
||
<div class="count-down">下一轮：<span class="count-down-num"></span>秒</div>
|
||
<div class="current-tip">本轮结果：<span class="current-result"></span></div>
|
||
<!-- 中奖物品展示 -->
|
||
<!-- <div class="draw-pic">
|
||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||
</div> -->
|
||
<!-- 投入列表 -->
|
||
<div class="put-wrap">
|
||
<div class="put">投入</div>
|
||
<div class="list">
|
||
<!-- <div class="item">
|
||
<p><img src="" class="gift" alt=""></p>
|
||
<div>
|
||
<img src="diamond.png" class="diamond" alt="">
|
||
<span class="in"></span>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<!-- 用户本轮中奖情况 -->
|
||
<div class="award-info">
|
||
<div class="desc">奖励</div>
|
||
<img src="./images/diamond.png" class="diamond" alt="">
|
||
<div class="award-wrap"></div>
|
||
</div>
|
||
<!-- 本轮前3名 -->
|
||
<div class="top-three">
|
||
<div class="top-three-title">
|
||
<span class="line"></span>
|
||
<p class="topthree-desc"></p>
|
||
<span class="line"></span>
|
||
</div>
|
||
<div class="top-three-list">
|
||
<div class="no no1">
|
||
<img src="./images/logo.png" class="tx" alt="">
|
||
<img src="./images/no1.png" class="txBox" alt="">
|
||
<div class="nick">虚位以待</div>
|
||
<div class="num">
|
||
<img src="./images/diamond.png" class="diamond" alt="">
|
||
<span>0</span>
|
||
</div>
|
||
</div>
|
||
<div class="no no2">
|
||
<img src="./images/logo.png" class="tx" alt="">
|
||
<img src="./images/no2.png" class="txBox" alt="">
|
||
<div class="nick">虚位以待</div>
|
||
<div class="num">
|
||
<img src="./images/diamond.png" class="diamond" alt="">
|
||
<span>0</span>
|
||
</div>
|
||
</div>
|
||
<div class="no no3">
|
||
<img src="./images/logo.png" class="tx" alt="">
|
||
<img src="./images/no3.png" class="txBox" alt="">
|
||
<div class="nick">虚位以待</div>
|
||
<div class="num">
|
||
<img src="./images/diamond.png" class="diamond" alt="">
|
||
<span>0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 动画上 -->
|
||
<div class="wait-time-s"></div>
|
||
<!-- 动画下 -->
|
||
<div class="wait-time-x"></div>
|
||
</div>
|
||
|
||
<!-- 往轮结果 -->
|
||
<div class="previous_Round_Result">
|
||
<span></span>
|
||
<div class="box">
|
||
<ul>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="previous-result">
|
||
<span>往輪結果</span>
|
||
<div class="result-list">
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
</div>
|
||
<span class="more-result"><img src="./images/btn_result.png" alt=""></span>
|
||
</div> -->
|
||
|
||
<!-- 个人信息 -->
|
||
<div class="info-bottom">
|
||
<div class="avatar"><img src="./images/logo.png" alt=""></div>
|
||
<div class="info-wrap">
|
||
<div class="diamond-num">我的鉆石：<span>0</span></div>
|
||
<div class="fragment-num">今日奖励：<span>0</span></div>
|
||
</div>
|
||
<div class="add"><img src="./images/add.png" alt=""></div>
|
||
<div class="rank"><img src="./images/rank.png" alt=""></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"></span>
|
||
<div class="mine-info">
|
||
<img src="./images/logo.png" alt="">
|
||
<span class="mine-nick"></span>
|
||
</div>
|
||
<span class="mine-diamond-num"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 碎片不足提示弹窗 -->
|
||
<div class="shade-mask-fragmentNum">
|
||
<div class="shade-content-fragmentNum">
|
||
<div class="fragmentNum-title">鉆石余額不足</div>
|
||
<img src="./images/mall/no-money.png" alt="">
|
||
<p>当前鉆石不足</p>
|
||
<div class="fragmentNum-btn-wrap">
|
||
<div class="cancel-btn">取消</div>
|
||
<div class="confirm-btn">获取鉆石</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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="./js/jquery-animate-css-rotate-scale.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/index.js?v=2.1"></script>
|
||
</body>
|
||
|
||
</html> |