113 lines
3.9 KiB
HTML
113 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>新春福利</title>
|
||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||
<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">
|
||
</div>
|
||
<!-- tab -->
|
||
<div class="tab">
|
||
<div class="tab1">新春福利</div>
|
||
<div class="">新春榜单</div>
|
||
</div>
|
||
<!-- 页面1 -->
|
||
<div class="page1">
|
||
<img src="./images/pageImg1.png" alt="" class="pageImg1">
|
||
<img src="./images/pageImg2.png" alt="" class="pageImg2">
|
||
</div>
|
||
<!-- 页面2 -->
|
||
<div class="page2">
|
||
<div class="box">、
|
||
<!-- 切换 -->
|
||
<div class="listTab">
|
||
<div class="listTab1">财气榜</div>
|
||
<div class="">福气榜</div>
|
||
</div>
|
||
<!-- 前三 -->
|
||
<div class="topBox">
|
||
<div class="top1">
|
||
<img src="./images/ts1.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="name">用户昵称</div>
|
||
<div class="score">财气值: <b>0</b></div>
|
||
</div>
|
||
<div class="top2">
|
||
<img src="./images/ts2.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="name">用户昵称</div>
|
||
<div class="score">财气值: <b>0</b></div>
|
||
</div>
|
||
<div class="top3">
|
||
<img src="./images/ts3.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="name">用户昵称</div>
|
||
<div class="score">财气值: <b>0</b></div>
|
||
</div>
|
||
</div>
|
||
<!-- 非前三 -->
|
||
<ul>
|
||
<li>
|
||
<div class="num">4</div>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="name">用户昵称</div>
|
||
<div class="score">財氣值：999999999</div>
|
||
</li>
|
||
</ul>
|
||
<div class="my">
|
||
<div class="num">未上榜</div>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="name">用户昵称</div>
|
||
<div class="score">財氣值：999999999</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 免责声明 -->
|
||
<div class="bootom">
|
||
|
||
<p>本活动最终解释权归官方所有</p>
|
||
<p>本活动以及奖励与苹果公司无关</p>
|
||
</div>
|
||
<!-- 弹窗规则 -->
|
||
<div class="rule">
|
||
<div class="rule_in">
|
||
<div class="tabRule">
|
||
<div class="act">活动规则</div>
|
||
<div>活动奖励</div>
|
||
</div>
|
||
<div class="box1">
|
||
<img src="./images/rule1.png" alt="">
|
||
</div>
|
||
<div class="box2">
|
||
<div class="box2Tab">
|
||
<div class="tab1 act1"></div>
|
||
<div class="tab2"></div>
|
||
</div>
|
||
<div class="imgBox">
|
||
<img src="./images/img1.png" alt="" srcset="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|
||
<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="../../common/js/route-constant.js"></script>
|
||
<script src="./js/index.js"></script> |