102 lines
3.3 KiB
HTML
102 lines
3.3 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>
|
||
<!-- 活动规则icon -->
|
||
<img src="./images/rule_icon.png" alt="" class="rule_icon">
|
||
<!-- 倒计时 -->
|
||
<div class="time">
|
||
<span class="sp1">00</span>
|
||
<span class="sp2">00</span>
|
||
<span class="sp3">00</span>
|
||
<span class="sp4">00</span>
|
||
</div>
|
||
<!-- 倒计时结束时间标题 -->
|
||
<img src="./images/timeOut.png" alt="" class="timeOut">
|
||
<!-- 标题 -->
|
||
<img src="./images/title.png" alt="" class="title">
|
||
<!-- 切换 -->
|
||
<div class="tab">
|
||
<div class="tab1"></div>
|
||
<div class="tab2 act2"></div>
|
||
<div class="tab3"></div>
|
||
</div>
|
||
<!-- 时间结束展示tab -->
|
||
<img src="./images/timeOutTab.png" alt="" class="timeOutTab">
|
||
<p class="text">1钻=1闪耀值，闪耀榜前三获得本次活动奖励</p>
|
||
<!-- 前三 -->
|
||
<div class="top3">
|
||
<div class="no1">
|
||
<img src="./images/no1.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<p></p>
|
||
<span></span>
|
||
<b>闪耀值:<i>0</i></b>
|
||
</div>
|
||
<div class="no2">
|
||
<img src="./images/no2.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<p></p>
|
||
<span></span>
|
||
<b>闪耀值:<i>0</i></b>
|
||
</div>
|
||
<div class="no3">
|
||
<img src="./images/no3.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<p></p>
|
||
<span></span>
|
||
<b>闪耀值:<i>0</i></b>
|
||
</div>
|
||
</div>
|
||
<!-- 非前三 -->
|
||
<ul class="list">
|
||
<li>
|
||
<div class="num">44</div>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="box">
|
||
<p>房间名称</p>
|
||
<span>ID: 1234</span>
|
||
</div>
|
||
<div class="score">闪耀值: 123456</div>
|
||
</li>
|
||
</ul>
|
||
<!-- 免责声明 -->
|
||
<p class="txt">本活动与Apple inc.无关</p>
|
||
<!-- 规则弹窗 -->
|
||
<div class="rule">
|
||
<div class="rule_in">
|
||
<div class="tabs">
|
||
<div class="tab1 ruletabActs1"></div>
|
||
<div class="tab2"></div>
|
||
</div>
|
||
<div class="box1">
|
||
<img src="./images/ruleBgIn.png" alt="">
|
||
</div>
|
||
<div class="box2">
|
||
<img src="./images/ruleBgIn2.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> |