164 lines
6.9 KiB
HTML
164 lines
6.9 KiB
HTML
<!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, 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/wish.css?v=1.0">
|
||
</head>
|
||
<body>
|
||
<div class="header"><img src="./images/wish/header.png" alt=""></div>
|
||
<div class="rule_icon"><img src="./images/wish/rule-icon.png" alt=""></div>
|
||
<div class="gift_icon"><img src="./images/wish/gift-icon.png" alt=""></div>
|
||
<div class="record_icon"><img src="./images/wish/record-icon.png" alt=""></div>
|
||
<div class="left_num">剩余魔法棒：<span></span></div>
|
||
|
||
<div class="wish_btn_wrap">
|
||
<img src="./images/wish/one.png" alt="">
|
||
<img src="./images/wish/ten.png" alt="">
|
||
</div>
|
||
|
||
<div class="main_area">
|
||
<div class="tab_wrap">
|
||
<div class="tab_item"><img src="./images/wish/tab1-active.png" alt=""></div>
|
||
<div class="tab_item"><img src="./images/wish/tab2.png" alt=""></div>
|
||
<div class="tab_item"><img src="./images/wish/tab3.png" alt=""></div>
|
||
</div>
|
||
<div class="tab1_contain">
|
||
<div class="progress_wrap">
|
||
<div class="progress_bar">
|
||
<p class="progress_bar_real"></p>
|
||
</div>
|
||
<div class="icon_wrap">
|
||
<img src="./images/wish/progress-icon.png" alt="">
|
||
<img src="./images/wish/progress-icon.png" alt="">
|
||
<img src="./images/wish/progress-icon.png" alt="">
|
||
<img src="./images/wish/progress-icon.png" alt="">
|
||
</div>
|
||
<div class="text_wrap">
|
||
<span>青铜</span>
|
||
<span>白银</span>
|
||
<span>黄金</span>
|
||
<span>鉆石</span>
|
||
</div>
|
||
<div class="distance">
|
||
距离 <span></span> 还需 <span></span> 狂欢值
|
||
</div>
|
||
</div>
|
||
<div class="rule_wrap">
|
||
<p class="rule_item">
|
||
全平台任何用户送出礼物都可使全民狂欢值增加（每1鉆石的礼物=狂欢值+1），当狂欢值每次达到任何一个阶梯时，所有用户将获赠一个魔法棒
|
||
</p>
|
||
<p class="rule_item">
|
||
狂欢值将在每日00:00重新开始计算，所有用户每天都可获得新的魔法棒
|
||
</p>
|
||
</div>
|
||
<div class="panel_wrap">
|
||
<div class="panel_item">
|
||
<img src="./images/wish/prop-icon.png" alt="" class="prop_icon">
|
||
<span></span>
|
||
<img src="./images/wish/draw-disable-btn.png" alt="" class="draw_btn">
|
||
</div>
|
||
<div class="panel_item">
|
||
<img src="./images/wish/prop-icon.png" alt="" class="prop_icon">
|
||
<span></span>
|
||
</div>
|
||
<div class="panel_item">
|
||
<img src="./images/wish/prop-icon.png" alt="" class="prop_icon">
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="tip">魔法棒仅在活动过程中生效哦，请尽快使用呢~</div>
|
||
</div>
|
||
<div class="tab2_contain">
|
||
<div class="rule_wrap">
|
||
<p class="rule_item">
|
||
活动期间，每日登录pikoApp即可免费获赠一个魔法棒（每台设备每日限一次）
|
||
</p>
|
||
</div>
|
||
<div class="panel_wrap">
|
||
<div class="panel_item">
|
||
<img src="./images/wish/prop-icon.png" alt="" class="prop_icon">
|
||
<span></span>
|
||
</div>
|
||
<div class="panel_item">
|
||
<img src="./images/wish/prop-icon.png" alt="" class="prop_icon">
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="tip">魔法棒仅在活动过程中生效哦，请尽快使用呢~</div>
|
||
</div>
|
||
<div class="tab3_contain">
|
||
<div class="rule_wrap">
|
||
<p class="rule_item">
|
||
活动期间，每送出价值200鉆的任意礼物即可获赠1个魔法棒，不设上限
|
||
</p>
|
||
</div>
|
||
<div class="panel_wrap">
|
||
<div class="panel_item">
|
||
<img src="./images/wish/diamond.png" alt="" class="diamond_icon">
|
||
<span></span>
|
||
</div>
|
||
<div class="panel_item">
|
||
<img src="./images/wish/prop-icon.png" alt="" class="prop_icon">
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="tip">魔法棒仅在活动过程中生效哦，请尽快使用呢~</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 奖励弹窗 -->
|
||
<div class="award_one_popup">
|
||
<div class="award_one_content">
|
||
<div class="award_one_title"><img src="./images/popup/title-award.png" alt=""></div>
|
||
<div class="award_one_pic"><img src="" alt=""></div>
|
||
<div class="award_one_name"></div>
|
||
<div class="award_one_btn"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="award_ten_popup">
|
||
<div class="award_ten_content">
|
||
<div class="award_ten_title"><img src="./images/popup/title-award.png" alt=""></div>
|
||
<div class="award_ten_wrap"></div>
|
||
<div class="award_ten_btn"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="not_enough_popup">
|
||
<div class="not_enough_content">
|
||
<div class="know_btn"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 规则弹窗 -->
|
||
<div class="rule_popup"><div class="rule_content"></div>
|
||
</div>
|
||
<!-- 礼物列表弹窗 -->
|
||
<div class="gift_popup">
|
||
<div class="gift_content">
|
||
<div class="gift_title"><img src="./images/popup/title-gift.png" alt=""></div>
|
||
<div class="gift_pic_wrap">
|
||
<p><img src="./images/popup/gift-pic.png" alt=""></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 记录弹窗 -->
|
||
<div class="record_popup">
|
||
<div class="record_content">
|
||
<div class="record_title"><img src="./images/popup/title-record.png" alt=""></div>
|
||
<ul></ul>
|
||
<p class="no_record">暂无许愿星杯记录哦~</p>
|
||
</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="../../common/js/layer.js"></script>
|
||
<script src="../../common/js/vconsole.min.js"></script>
|
||
<script src="./js/wish.js?v=1.1"></script>
|
||
</body>
|
||
</html> |