155 lines
5.3 KiB
HTML
155 lines
5.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/swiper-bundle.min.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.png" alt="" class="rule_icon">
|
||
|
|
<div>活動時間:2月29日-3月5日</div>
|
||
|
|
</div>
|
||
|
|
<!-- tab -->
|
||
|
|
<div class="tabBox">
|
||
|
|
<div class="tab1 tabAct1"></div>
|
||
|
|
<div class="tab2"></div>
|
||
|
|
<div class="tab3"></div>
|
||
|
|
<div class="tab4"></div>
|
||
|
|
</div>
|
||
|
|
<!-- page1 -->
|
||
|
|
<div class="page1">
|
||
|
|
<!-- 倒計時 -->
|
||
|
|
<div class="time">距離預選賽結束<span class="sp1">00</span>時<span class="sp2">00</span>分<span class="sp3">00</span>秒
|
||
|
|
</div>
|
||
|
|
<!-- 前三 -->
|
||
|
|
<div class="top">
|
||
|
|
<div class="no1">
|
||
|
|
<img src="./images/no1.png" alt="" class="ts">
|
||
|
|
<img src="" alt="" class="tx">
|
||
|
|
<p>虛位以待</p>
|
||
|
|
<span>ID:0</span>
|
||
|
|
<div class="score">勝場次數: <b>0</b></div>
|
||
|
|
</div>
|
||
|
|
<div class="no2">
|
||
|
|
<img src="./images/no2.png" alt="" class="ts">
|
||
|
|
<img src="" alt="" class="tx">
|
||
|
|
<p>虛位以待</p>
|
||
|
|
<span>ID:0</span>
|
||
|
|
<div class="score">勝場次數: <b>0</b></div>
|
||
|
|
</div>
|
||
|
|
<div class="no3">
|
||
|
|
<img src="./images/no3.png" alt="" class="ts">
|
||
|
|
<img src="" alt="" class="tx">
|
||
|
|
<p>虛位以待</p>
|
||
|
|
<span>ID:0</span>
|
||
|
|
<div class="score">勝場次數: <b>0</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 非前三 -->
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<div class="num">4</div>
|
||
|
|
<img src="" alt="" class="tx">
|
||
|
|
<div class="user">
|
||
|
|
<p>虛位以待</p>
|
||
|
|
<span>ID:8888</span>
|
||
|
|
</div>
|
||
|
|
<div class="score">勝場次數: 0</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<!-- 自己 -->
|
||
|
|
<div class="my">
|
||
|
|
<div class="num">未上榜</div>
|
||
|
|
<img src="" alt="" class="tx">
|
||
|
|
<div class="user">
|
||
|
|
<p>虛位以待</p>
|
||
|
|
</div>
|
||
|
|
<div class="score">勝場次數: 0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- page2 -->
|
||
|
|
<div class="page2">
|
||
|
|
<!-- 時間 -->
|
||
|
|
<div class="timeShow">
|
||
|
|
<p>3月3日 <b>19:00:00</b> 開賽！</p>
|
||
|
|
<span>對決房間：<b>10000</b></span>
|
||
|
|
</div>
|
||
|
|
<!-- 跳轉房間展示 -->
|
||
|
|
<img src="./images/page2GoToRoom.png" alt="" class="page2GoToRoom">
|
||
|
|
<!-- 線條 -->
|
||
|
|
<img src="./images/page2line.png" alt="" class="line">
|
||
|
|
<!-- 榜單展示 -->
|
||
|
|
<img src="./images/page2Bg.png?v=1.0" alt="" class="page2Bg">
|
||
|
|
</div>
|
||
|
|
<!-- page3 -->
|
||
|
|
<div class="page3">
|
||
|
|
<!-- 時間 -->
|
||
|
|
<div class="timeShow">
|
||
|
|
<p>3月4日 <b>19:00:00</b> 開賽！</p>
|
||
|
|
<span>對決房間：<b>10000</b></span>
|
||
|
|
</div>
|
||
|
|
<!-- 跳轉房間展示 -->
|
||
|
|
<img src="./images/page2GoToRoom.png" alt="" class="page2GoToRoom">
|
||
|
|
<!-- 線條 -->
|
||
|
|
<!-- <img src="./images/page3line.png" alt="" class="line"> -->
|
||
|
|
<!-- 榜單展示 -->
|
||
|
|
<img src="./images/page3Bg.png?v=1.0" alt="" class="page2Bg">
|
||
|
|
</div>
|
||
|
|
<!-- page4 -->
|
||
|
|
<div class="page4">
|
||
|
|
<!-- 時間 -->
|
||
|
|
<div class="timeShow">
|
||
|
|
<p>3月5日 <b>19:00:00</b> 開賽！</p>
|
||
|
|
<span>對決房間：<b>10000</b></span>
|
||
|
|
</div>
|
||
|
|
<!-- 跳轉房間展示 -->
|
||
|
|
<img src="./images/page2GoToRoom.png" alt="" class="page2GoToRoom">
|
||
|
|
<!-- 榜單展示 -->
|
||
|
|
<!-- <img src="" alt="" class="page2Bg"> -->
|
||
|
|
<div class="swiper">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<img src="./images/page4Bg1.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<img src="./images/page4Bg2.png" alt="">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 如果需要分頁器 -->
|
||
|
|
<div class="swiper-pagination"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 活動規則 -->
|
||
|
|
<div class="rule">
|
||
|
|
<div class="rule_in">
|
||
|
|
<div class="tab tab1">
|
||
|
|
<div></div>
|
||
|
|
<div></div>
|
||
|
|
</div>
|
||
|
|
<div class="box">
|
||
|
|
<img src="./images/rule1.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/swiper-bundle.min.js"></script>
|
||
|
|
<script src="./js/index.js"></script>
|