158 lines
5.6 KiB
HTML
158 lines
5.6 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>探索piko</title>
|
||
|
||
<!-- <%- include('../html_tpl/style.html') %> -->
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||
|
||
<script src="../../common/js/flexible.js"></script>
|
||
<!-- <script src="../../common/js/baiduStatis.js"></script> -->
|
||
<!-- <%- include('../html_tpl/headScript.html') %> -->
|
||
</head>
|
||
|
||
<body>
|
||
<div class="max">
|
||
<!-- <div class="rule-btn">规则</div> -->
|
||
<div class="rule-btn">
|
||
<img src="./img/introduce.png" alt="">
|
||
</div>
|
||
<ul class="cloth-box">
|
||
<li>
|
||
<!-- <p class="title-gift">限定装扮一</p> -->
|
||
<div class="gift-center">
|
||
<!-- <img src="" alt=""> -->
|
||
<div>
|
||
<p class="gift-name">潮舞星迎</p>
|
||
<p class="gift-price">0鉆石/天</p>
|
||
<p class="award">随机赠送66流星0个</p>
|
||
</div>
|
||
</div>
|
||
<p class="buy-btn gray">立即购买</p>
|
||
</li>
|
||
|
||
<li>
|
||
<!-- <p class="title-gift">限定装扮一</p> -->
|
||
<div class="gift-center">
|
||
<!-- <img src="" alt=""> -->
|
||
<div>
|
||
<p class="gift-name">月魔法帽</p>
|
||
<p class="gift-price">0鉆石/天</p>
|
||
<p class="award">随机赠送66流星0个</p>
|
||
</div>
|
||
</div>
|
||
<p class="buy-btn gray">立即购买</p>
|
||
</li>
|
||
|
||
<li>
|
||
<!-- <p class="title-gift">限定装扮一</p> -->
|
||
<div class="gift-center">
|
||
<!-- <img src="" alt=""> -->
|
||
<div>
|
||
<p class="gift-name">神囚魔法</p>
|
||
<p class="gift-price">0鉆石/天</p>
|
||
<p class="award">随机赠送66流星0个</p>
|
||
</div>
|
||
</div>
|
||
<p class="buy-btn gray">立即购买</p>
|
||
</li>
|
||
|
||
<li>
|
||
<!-- <p class="title-gift">限定装扮一</p> -->
|
||
<div class="gift-center">
|
||
<!-- <img src="" alt=""> -->
|
||
<div>
|
||
<p class="gift-name">拉丁之神</p>
|
||
<p class="gift-price">0鉆石/天</p>
|
||
<p class="award">随机赠送66流星0个</p>
|
||
</div>
|
||
</div>
|
||
<p class="buy-btn gray">立即购买</p>
|
||
</li>
|
||
|
||
</ul>
|
||
<div class="mine">
|
||
<li>
|
||
<p class="avatar"><img src="" alt=""></p>
|
||
<p>
|
||
<span class="nick"></span>
|
||
<span>我的66流星：<b class="score"></b></span>
|
||
<span>我的鉆石数量：<b class="diamond"></b></span>
|
||
</p>
|
||
</li>
|
||
</div>
|
||
<div class="buy-mask">
|
||
<div class="title">购买<span class="buyGiftName">-</span></div>
|
||
<div class="number">
|
||
<p>数量</p>
|
||
<p class="button descrease">
|
||
<img src="./img/common/decrease.png" alt="">
|
||
</p>
|
||
<input class="inputNum" type="text" value="1" @input="change">
|
||
<p class="button increase">
|
||
<img src="./img/common/increase.png" alt="">
|
||
</p>
|
||
</div>
|
||
<div class="day">
|
||
<p>天数</p>
|
||
<p><span class="buyNumber"></span>天</p>
|
||
</div>
|
||
<div class="gold">
|
||
<p>金额</p>
|
||
<p><span class="goldNum"></span>鉆石</p>
|
||
</div>
|
||
<div class="btn">
|
||
<p class="cancel">取消</p>
|
||
<p class="confirm">确定</p>
|
||
</div>
|
||
</div>
|
||
<div class="rule-mask">
|
||
<div class="cancel">
|
||
<img src="./img/common/cancel.png" alt="">
|
||
</div>
|
||
<div class="title">玩法介绍</div>
|
||
<div class="content">
|
||
<p>1. 促销活动期间,购买限定装扮即可获赠相应会场游戏币,参与活动。</p>
|
||
<p>2. 购买魔法限定装扮1“潮舞星迎”,可随机获赠游戏币1个;<br>
|
||
购买魔法限定装扮2“月魔法帽”,可随机获赠游戏币7-10个;<br>
|
||
购买魔法限定装扮3“神囚魔法”,可随机获赠游戏币70~100个；<br>
|
||
购买魔法限定装扮4“拉丁之神”，可随机获赠游戏币700~1000个。</p>
|
||
<p>3. 该活动赠送给您的游戏币为参与该活动的虛拟道具，不具任何价值也不能转赠其他用户。</p>
|
||
<p>4. 活动结束将关闭页面,剩余游戏币将会清空,请留意活动关闭时间。</p>
|
||
<p>5. 本活动与Apple Inc.无关,最终解释权归平台所有。</p>
|
||
</div>
|
||
</div>
|
||
<div class="statusMask">
|
||
<div class="title success">购买成功</div>
|
||
<div class="title fail">余额不足</div>
|
||
<div class="avatar success"><img src="./img/common/success-icon.png" alt=""></div>
|
||
<div class="avatar fail"><img src="./img/common/enough-icon.png" alt=""></div>
|
||
<div class="tip"></div>
|
||
<div class="in-btn success">确定</div>
|
||
<div class="recharge android fail">去充值</div>
|
||
<div class="recharge ios fail">知道了</div>
|
||
</div>
|
||
<div class="shade"></div>
|
||
<div class="toast"></div>
|
||
</div>
|
||
<!-- <%- include('../html_tpl/downloadMask.html') %> -->
|
||
</body>
|
||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||
<script src="../../common/js/jQueryExtend.js"></script>
|
||
<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
|
||
<script src="//static.lkme.cc/linkedme.min.js"></script>
|
||
<script src="../../common/js/route-constant.js"></script>
|
||
<script src="../../common/js/common.js"></script>
|
||
<script src="../../common/js/template-web.js"></script>
|
||
<script src="../../common/js/vconsole.min.js"></script>
|
||
<script src="js/index.js?v=6"></script>
|
||
<!-- <script>
|
||
$('.success').show()
|
||
</script> -->
|
||
|
||
</html> |