269 lines
9.3 KiB
HTML
269 lines
9.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?v=1.0">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 頂部返回 -->
|
||
<div class="back">
|
||
<img src="./images/travel/back.png" alt="">
|
||
</div>
|
||
|
||
<!-- 頭部 -->
|
||
<div class="header">
|
||
<!-- 限定禮物 -->
|
||
<img src="./images/qualifyGift_icon.png" alt="" class="qualifyGift_icon">
|
||
<!-- 活動規則 -->
|
||
<img src="./images/rule_icon.png" alt="" class="rule_icon">
|
||
</div>
|
||
|
||
<!-- tab切換 -->
|
||
<div class="tabs">
|
||
<div class="tab1 act1"></div>
|
||
<div class="tab2"></div>
|
||
<div class="tab3"></div>
|
||
<div class="tab4"></div>
|
||
</div>
|
||
|
||
<!-- 頁面1 -->
|
||
<div class="page1">
|
||
<!-- 奇幻魔盒 -->
|
||
<div class="box1">
|
||
<img src="./images/pageBox1Rule_icon.png" alt="" class="pageBox1Rule_icon">
|
||
<div class="time">3分鐘倒計時: <span class="sp1">03</span> 分 <span class="sp2">00</span> 秒</div>
|
||
<div class="text">用戶在送出第一個奇幻魔盒後開啓3分鐘倒計時，<br>在此期間內點亮所有禮物，可獲得<b>【愚人慶典】</b>禮物*1</div>
|
||
<div class="giftBoxs">
|
||
<!-- <div class="">
|
||
<img src="./images/pageBox1Gift1.png" alt="">
|
||
撲克士兵
|
||
</div>
|
||
<div>
|
||
<img src="./images/pageBox1Gift2.png" alt="">
|
||
咬咬鯊
|
||
</div>
|
||
<div>
|
||
<img src="./images/pageBox1Gift3.png" alt="">
|
||
兔子先生
|
||
</div>
|
||
<div>
|
||
<img src="./images/pageBox1Gift4.png" alt="">
|
||
甜心魔法
|
||
</div>
|
||
<div>
|
||
<img src="./images/pageBox1Gift5.png" alt="">
|
||
奇趣雜技
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<!-- 奇幻榜 -->
|
||
<div class="box2">
|
||
<!-- 前三 -->
|
||
<div class="top3">
|
||
<div class="no1">
|
||
<img src="./images/page1Top1.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值:0</div>
|
||
</div>
|
||
<div class="no2">
|
||
<img src="./images/page1Top2.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值:0</div>
|
||
</div>
|
||
<div class="no3">
|
||
<img src="./images/page1Top3.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值:0</div>
|
||
</div>
|
||
</div>
|
||
<!-- 非前三 -->
|
||
<ul>
|
||
<!-- <li>
|
||
<div class="num">1.</div>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值: 20</div>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
<!-- 自己榜單 -->
|
||
<div class="my">
|
||
<div class="num">1.</div>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值: 20</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 頁面2 -->
|
||
<div class="page2">
|
||
<!-- 更新 -->
|
||
<img src="./images/upDate.png" alt="" class="upDate">
|
||
<!-- 切換 -->
|
||
<div class="tab">
|
||
<div class="act1">牌照房間</div>
|
||
<div class="">個播房間</div>
|
||
</div>
|
||
<!-- 第一名房間 -->
|
||
<div class="topRoom">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="roomName">房間昵稱</div>
|
||
<div class="score">房間進度值: <b>00.0%</b></div>
|
||
</div>
|
||
<!-- 第一名進度 -->
|
||
<div class="topLine">
|
||
<div></div>
|
||
<span>0/0</span>
|
||
</div>
|
||
<!-- 文案介紹 -->
|
||
<div class="text">房間進度值達到100%，即可開啓紅包雨</div>
|
||
<!-- 第一名房間跳轉 -->
|
||
<img src="./images/page2ToRoomBut.png" alt="" class="page2ToRoomBut">
|
||
<div class="page2NotTopTitle">其他房間推薦</div>
|
||
<!-- 其他房間 -->
|
||
<ul>
|
||
<li>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="live">直播中</div>
|
||
<div class="roomName">房間昵稱</div>
|
||
<div class="score">房間進度值: <b>00.0%</b></div>
|
||
<div class="line_in">
|
||
<div></div>
|
||
<span>0/0</span>
|
||
</div>
|
||
<img src="./images/go.png" alt="" class="go">
|
||
<img src="./images/notGo.png" alt="" class="notGo">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- 頁面3 -->
|
||
<div class="page3"></div>
|
||
|
||
<!-- 頁面4 -->
|
||
<div class="page4 page41">
|
||
<!-- 切換 -->
|
||
<div class="page4_tab">
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
<!-- 日榜總榜切換 -->
|
||
<div class="dayTab">
|
||
<div class="act">日榜</div>
|
||
<div>總榜</div>
|
||
</div>
|
||
<!-- 日期切換 -->
|
||
<div class="timeTab">
|
||
<div class="act">3.27</div>
|
||
<div>3.27</div>
|
||
<div>3.27</div>
|
||
<div>3.27</div>
|
||
<div>3.27</div>
|
||
<div>3.27</div>
|
||
</div>
|
||
<!-- 前三 -->
|
||
<div class="top3">
|
||
<div class="no1">
|
||
<img src="./images/page1Top1.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值:0</div>
|
||
</div>
|
||
<div class="no2">
|
||
<img src="./images/page1Top2.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值:0</div>
|
||
</div>
|
||
<div class="no3">
|
||
<img src="./images/page1Top3.png" alt="" class="ts">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值:0</div>
|
||
</div>
|
||
</div>
|
||
<!-- 非前三 -->
|
||
<ul>
|
||
<li>
|
||
<div class="num">1.</div>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值: 20</div>
|
||
</li>
|
||
</ul>
|
||
|
||
<!-- 自己榜單 -->
|
||
<div class="my">
|
||
<div class="num">1.</div>
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="nick">用戶昵稱</div>
|
||
<div class="score">奇幻值: 20</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 魔盒說明 -->
|
||
<div class="MagicBoxRule">
|
||
<div class="MagicBoxRule_in MagicBoxRule1">
|
||
<!-- 切換 -->
|
||
<div class="tab">
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
<!-- 切換頁面1 -->
|
||
<img src="./images/MagicBoxRule1Bg.png" alt="" class="MagicBoxRulePage1">
|
||
<!-- 切換頁面2 -->
|
||
<div class="MagicBoxRulePage2">
|
||
<ul>
|
||
<li>
|
||
<div>
|
||
<p>2024/3/19</p>
|
||
<b>14:07:07</b>
|
||
</div>
|
||
<div class="centen">用戶昵稱</div>
|
||
<div class="right">
|
||
<p>獲得：禮物名稱</p>
|
||
<b>0 <img src="./images/diamond.png" alt=""></b>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 活動規則 -->
|
||
<div class="rule">
|
||
<div class="rule_in">
|
||
<div class="box">
|
||
<img src="./images/rule_in.png" alt="" srcset="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 限定禮物規則 -->
|
||
<div class="limitedGift">
|
||
<div class="limitedGift_in">
|
||
<div class="box">
|
||
<img src="./images/limitedGift_in.png" alt="" srcset="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|
||
|
||
</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> |