196 lines
8.0 KiB
HTML
196 lines
8.0 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">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="wrap no-in-app">
|
||
<!-- <div class="wrap "> -->
|
||
<div class="banner"><img src="./images/banner.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">
|
||
<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="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>
|
||
|
||
</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">
|
||
<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="" alt="">
|
||
</div>
|
||
<!-- 用户本轮中奖情况 -->
|
||
<div class="award-info">
|
||
<div class="desc"></div>
|
||
<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">
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
<p><img src="" alt=""></p>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
</div>
|
||
|
||
<!-- 个人信息 -->
|
||
<div class="info-bottom" style="display: none;">
|
||
<div class="avatar"><img src="./images/logo.png" alt=""></div>
|
||
<div class="f-wrap">
|
||
<div class="fragment">我的碎片：<span>0</span></div>
|
||
<div class="award">今日奖励：<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>
|
||
用戶可通過花費鉆石參與《星級廚房》遊戲，每次最少消耗1000鉆石，每回合時間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種食材中選取一個作為中獎物品，中獎後獲得【中獎物品購買碎片數*中獎物品對應倍數*1000】的鉆石獎勵，鉆石將直接發放到錢包
|
||
<p class="jietu t3"><img src="./images/t3.png" alt=""></p>
|
||
例如購買1個5倍的洋蔥，中獎後獲得1*5*1000的鉆石
|
||
</div>
|
||
<div class="qtsm">
|
||
<p class="title">其他說明</p>
|
||
如果以上說明未能解答您的疑問，請聯系客服，會有專人解答疑難
|
||
<p>本活动与苹果公司无关</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="./js/jquery-animate-css-rotate-scale.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>
|
||
<script src="./js/index.js"></script>
|
||
</body>
|
||
|
||
</html> |