118 lines
4.2 KiB
HTML
118 lines
4.2 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>
|
|
<!-- header -->
|
|
<div class="header">
|
|
<!-- 獎勵展示 -->
|
|
<img src="./images/giftBox.png" alt="" class="giftBox">
|
|
<!-- tab -->
|
|
<div class="tab">
|
|
<div class="active">活動攻略</div>
|
|
<div>榜單</div>
|
|
</div>
|
|
<!-- 規則Icon -->
|
|
<div class="rule_iaon">活動規則></div>
|
|
</div>
|
|
<!-- 頁面一 -->
|
|
<div class="page1">
|
|
<!-- 活動1 -->
|
|
<div class="activity1">
|
|
<div class="but1">今日未領取</div>
|
|
<div class="but2">今日未領取</div>
|
|
<div class="but3">今日未領取</div>
|
|
<div class="but4">今日未領取</div>
|
|
</div>
|
|
<!-- 活動2 -->
|
|
<img src="./images/activity2.png" alt="" class="activity2">
|
|
</div>
|
|
<!-- 頁面二 -->
|
|
<div class="page2">
|
|
<!-- 榜單切換 -->
|
|
<div class="listTab">
|
|
<div class="active">勇氣榜</div>
|
|
<div>狂歡榜</div>
|
|
</div>
|
|
<!-- 榜單盒子 -->
|
|
<div class="listBg">
|
|
<!-- 日榜切換 -->
|
|
<div class="dayTab">
|
|
<div>昨日榜單</div>
|
|
<div>今日榜單</div>
|
|
<div class="active">總榜</div>
|
|
</div>
|
|
<!-- 前三 -->
|
|
<div class="topBox">
|
|
<div class="no1">
|
|
<img src="./images/no1.png" alt="" class="ts">
|
|
<img src="./images/logo.png" alt="" class="tx">
|
|
<img src="./images/num1.png" alt="" class="num">
|
|
<p>虛位以待</p>
|
|
<span>勇氣值:0</span>
|
|
</div>
|
|
<div class="no2">
|
|
<img src="./images/no2.png" alt="" class="ts">
|
|
<img src="./images/logo.png" alt="" class="tx">
|
|
<img src="./images/num2.png" alt="" class="num">
|
|
<p>虛位以待</p>
|
|
<span>勇氣值:0</span>
|
|
</div>
|
|
<div class="no3">
|
|
<img src="./images/no3.png" alt="" class="ts">
|
|
<img src="./images/logo.png" alt="" class="tx">
|
|
<img src="./images/num3.png" alt="" class="num">
|
|
<p>虛位以待</p>
|
|
<span>勇氣值:0</span>
|
|
</div>
|
|
</div>
|
|
<!-- 非前三 -->
|
|
<ul class="list">
|
|
<li>
|
|
<div class="num">04</div>
|
|
<img src="./images/logo.png" alt="" class="tx">
|
|
<div class="nick">用戶昵稱</div>
|
|
<div class="score">勇氣值:8888.8w</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 自己榜單 -->
|
|
<div class="myList">
|
|
<div class="num">未上榜</div>
|
|
<img src="./images/logo.png" alt="" class="tx">
|
|
<div class="nick">用戶昵稱</div>
|
|
<div class="score">勇氣值:8888.8w</div>
|
|
</div>
|
|
</div>
|
|
<!-- 本活動與Apple inc.無關； -->
|
|
<div class="apple">本活動以及獎勵與Google/蘋果公司無關</div>
|
|
<!-- 規則彈窗 -->
|
|
<div class="rule">
|
|
<div class="rule_iaon">
|
|
<div class="box">
|
|
<img src="./images/rule_in.png" alt="">
|
|
</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/wow.js"></script>
|
|
<script src="./js/index.js"></script> |