220 lines
7.8 KiB
HTML
220 lines
7.8 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, initial-scale=1.0">
|
||
<title>幸运福袋</title>
|
||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||
<script src="../../common/js/flexible.js"></script>
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 顶部返回 -->
|
||
<div class="back"><img src="./images/travel/back.png" alt=""></div>
|
||
<!-- 头部 -->
|
||
<div class="header">
|
||
<!-- 活动规则 -->
|
||
<img src="./images/rule_icon.png" alt="" class="rule_icon">
|
||
<!-- tab -->
|
||
<div class="tabBOx">
|
||
<span class="tab1 active1"></span>
|
||
<span class="tab2"></span>
|
||
<span class="tab3"></span>
|
||
<span class="tab4"></span>
|
||
</div>
|
||
<!-- 狂欢1 -->
|
||
<div class="kh1">
|
||
<div class="num">
|
||
<span><b>100%</b></span>
|
||
<div class="imgBox">
|
||
<img src="./images/khLine.png" alt="" class="line">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 狂欢2 -->
|
||
<div class="kh2">
|
||
<span class="sp1">1</span>
|
||
<span class="sp2">2</span>
|
||
</div>
|
||
</div>
|
||
<!-- 页面1 -->
|
||
<div class="page1">
|
||
<div class="gglBg">
|
||
<img src="./images/ggl.png" alt="" class="img1" id="cover1">
|
||
<img src="./images/ggl.png" alt="" class="img2" id="cover2">
|
||
<img src="./images/ggl.png" alt="" class="img3" id="cover3">
|
||
<img src="./images/ggl.png" alt="" class="img4" id="cover4">
|
||
</div>
|
||
</div>
|
||
<!-- 页面2 -->
|
||
<div class="page2">
|
||
<div class="lucaTaoks">
|
||
<div class="line">
|
||
<span></span>
|
||
<img src="./images/xx.png" alt="" class="sk1">
|
||
<img src="./images/xx.png" alt="" class="sk2">
|
||
<img src="./images/xx.png" alt="" class="sk3">
|
||
<img src="./images/xx.png" alt="" class="sk4">
|
||
<img src="./images/xxAct.png" alt="" class="skact1">
|
||
<img src="./images/xxAct.png" alt="" class="skact2">
|
||
<img src="./images/xxAct.png" alt="" class="skact3">
|
||
<img src="./images/xxAct.png" alt="" class="skact4">
|
||
<b class="num1">0</b>
|
||
<b class="num2">2.3w</b>
|
||
<b class="num3">5.3w</b>
|
||
<b class="num4">13.5w</b>
|
||
<b class="num5">22.5w</b>
|
||
</div>
|
||
<div class="lucaTaoksBg">
|
||
<p>幸运草头饰*3天</p>
|
||
<div class="left"></div>
|
||
<div class="right"></div>
|
||
<img src="./images/ts.png" alt="" class="gift">
|
||
<span>已获得</span>
|
||
</div>
|
||
</div>
|
||
<ul>
|
||
<li class="li1">
|
||
<p>1.开出/收到幸运福袋【星星许愿瓶】</p>
|
||
<div class="line">
|
||
<span></span>
|
||
<b>0/1</b>
|
||
</div>
|
||
<i>奖励：【泡沫之心】头饰*5天</i>
|
||
<img src="./images/jl1.png" alt="" class="gift">
|
||
</li>
|
||
<li class="li2">
|
||
<p>2.开出/收到魔法福袋【甜心猫咪】</p>
|
||
<div class="line">
|
||
<span></span>
|
||
<b>0/1</b>
|
||
</div>
|
||
<i>奖励：【时来运转】铭牌*5天</i>
|
||
<img src="./images/jl2.png" alt="" class="gift">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="page3">
|
||
<div class="listBg">
|
||
<!-- 规则 -->
|
||
<img src="./images/luck_icon.png" alt="" class="luck_icon">
|
||
<!-- 切换 -->
|
||
<div class="tabBox">
|
||
<img src="./images/dayBg.png" alt="" class="day">
|
||
<img src="./images/allBg.png" alt="" class="all">
|
||
</div>
|
||
<!-- 时间选择 -->
|
||
<div class="time">
|
||
<!-- <span>
|
||
<b>09.20</b>
|
||
</span>
|
||
<span>
|
||
<b>09.20</b>
|
||
</span>
|
||
<span>
|
||
<b>09.20</b>
|
||
</span>
|
||
<span>
|
||
<b>09.20</b>
|
||
</span>
|
||
<span>
|
||
<b>09.20</b>
|
||
</span>
|
||
<span>
|
||
<b>09.20</b>
|
||
</span> -->
|
||
</div>
|
||
<div class="no1">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<p>妮妮妮妮nini</p>
|
||
<b>幸运值：9698756</b>
|
||
</div>
|
||
<div class="noBox">
|
||
<div class="no2">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<p>妮妮妮妮nini</p>
|
||
<b>幸运值：9698756</b>
|
||
</div>
|
||
<div class="no3">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<p>妮妮妮妮nini</p>
|
||
<b>幸运值：9698756</b>
|
||
</div>
|
||
</div>
|
||
<ul>
|
||
<li>
|
||
<img src="./images/line.png" alt="" class="line">
|
||
<img src="./images/4.png" alt="" class="num">
|
||
<span>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
</span>
|
||
<div class="nick">妮妮妮妮nini</div>
|
||
<b>幸运值</b>
|
||
<p>7542568</p>
|
||
</li>
|
||
<li>
|
||
<img src="./images/line.png" alt="" class="line">
|
||
<img src="./images/4.png" alt="" class="num">
|
||
<span>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
</span>
|
||
<div class="nick">妮妮妮妮nini</div>
|
||
<b>幸运值</b>
|
||
<p>7542568</p>
|
||
</li>
|
||
</ul>
|
||
<!-- <div class="myList">
|
||
<div class="lis">
|
||
<img src="./images/line.png" alt="" class="line">
|
||
<div class="num">未上榜</div>
|
||
<span>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
</span>
|
||
<div class="nick">妮妮妮妮nini</div>
|
||
<b>幸运值</b>
|
||
<p>7542568</p>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<div class="myList">
|
||
<div class="lis">
|
||
<img src="./images/line.png" alt="" class="line">
|
||
<div class="num">未上榜</div>
|
||
<span>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
</span>
|
||
<div class="nick">妮妮妮妮nini</div>
|
||
<b>幸运值</b>
|
||
<p>7542568</p>
|
||
</div>
|
||
</div>
|
||
<!-- 活动规则 -->
|
||
<div class="rule">
|
||
<img src="./images/rule.png" alt="" class="rule_in">
|
||
</div>
|
||
<!-- 幸运榜规则 -->
|
||
<div class="rule_luck">
|
||
<div class="rule_luck_in">
|
||
<img src="./images/rule_luck.png" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- 魅力榜规则 -->
|
||
<div class="rule_ml">
|
||
<div class="rule_ml_in">
|
||
<img src="./images/rule_ml.png" alt="">
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|
||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||
<script src="../../common/js/common2.js"></script>
|
||
<script src="../../common/js/vconsole.min.js"></script>
|
||
<script src="../../common/js/layer.js"></script>
|
||
<script src="../../common/js/jquery.copy.min.js"></script>
|
||
<script src="./js/ggl.min.js"></script>
|
||
<script src="./js/index.js"></script> |