moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
f71a301cd1f76a53d15810b3a083e117dc2c3016
peko-h5/view/peko/activity/2024-aprilFoolsDay/index.html

267 lines
9.2 KiB
HTML
Raw Normal View History

暂存
2024-03-20 16:05:54 +08:00
<!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>
完成愚人节活动
2024-03-25 15:25:46 +08:00
暂存
2024-03-20 16:05:54 +08:00
<!-- 头部 -->
<div class="header">
首页暂存
2024-03-20 18:37:12 +08:00
<!-- 限定礼物 -->
<img src="./images/qualifyGift_icon.png" alt="" class="qualifyGift_icon">
<!-- 活动规则 -->
<img src="./images/rule_icon.png" alt="" class="rule_icon">
</div>
完成愚人节活动
2024-03-25 15:25:46 +08:00
首页暂存
2024-03-20 18:37:12 +08:00
<!-- tab切换 -->
完成愚人节活动
2024-03-25 15:25:46 +08:00
<div class="tabs">
首页暂存
2024-03-20 18:37:12 +08:00
<div class="tab1 act1"></div>
<div class="tab2"></div>
<div class="tab3"></div>
<div class="tab4"></div>
</div>
完成愚人节活动
2024-03-25 15:25:46 +08:00
首页暂存
2024-03-20 18:37:12 +08:00
<!-- 页面1 -->
<div class="page1">
<!-- 奇幻魔盒 -->
<div class="box1">
<img src="./images/pageBox1Rule_icon.png" alt="" class="pageBox1Rule_icon">
完成愚人节活动
2024-03-25 15:25:46 +08:00
<div class="time">3分钟倒计时: <span class="sp1">00</span> 分 <span class="sp2">00</span> 秒</div>
首页暂存
2024-03-20 18:37:12 +08:00
<div class="text">用戶在送出第一個奇幻魔盒後開啓3分鐘倒計時，<br>在此期間內點亮所有禮物，可獲得<b>【愚人慶典】</b>禮物*1</div>
<div class="giftBoxs">
<div class="act">
<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>
<!-- 奇幻榜 -->
完成愚人节活动
2024-03-25 15:25:46 +08:00
<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">
<!-- 切换 -->
<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>
暂存
2024-03-20 16:05:54 +08:00
</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>
Reference in New Issue Copy Permalink