251 lines
8.9 KiB
HTML
251 lines
8.9 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en" id="page-root">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|||
|
|
<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/rule_icon.png" alt="" class="rule_icon">
|
|||
|
|
</div>
|
|||
|
|
<!-- 限时礼物 -->
|
|||
|
|
<div class="giftBg"></div>
|
|||
|
|
<!-- tab切换 -->
|
|||
|
|
<div class="tabBox">
|
|||
|
|
<div class="active">为爱发电</div>
|
|||
|
|
<div>鹊桥情书</div>
|
|||
|
|
<div>七夕热恋榜</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 为爱发电 -->
|
|||
|
|
<div class="tab1">
|
|||
|
|
<!-- 同心锁 -->
|
|||
|
|
<div class="txs">
|
|||
|
|
<div class="giftName"></div>
|
|||
|
|
<div class="line">
|
|||
|
|
<div></div>
|
|||
|
|
<span>电池:<b></b></span>
|
|||
|
|
<p><b></b></p>
|
|||
|
|
</div>
|
|||
|
|
<div class="leftBut_tab1"></div>
|
|||
|
|
<div class="rightBut_tab1"></div>
|
|||
|
|
<img src="./images/logo.png" class="logosssss" alt="">
|
|||
|
|
<div class="butsss">
|
|||
|
|
<img class="css" src="./images/cdBut3.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="but11">
|
|||
|
|
<div class="butLeft"></div>
|
|||
|
|
<div class="butRight"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="svga">
|
|||
|
|
<div class="svga_in svgas"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="butaaa"></div> -->
|
|||
|
|
<!-- 每日任务 -->
|
|||
|
|
<div class="toak">
|
|||
|
|
<div class="div1">
|
|||
|
|
<span>
|
|||
|
|
<p>进入任意房间（<b>0 / 3</b>）</p>
|
|||
|
|
<strong>奖励:爱心电池*1</strong>
|
|||
|
|
</span>
|
|||
|
|
<span class="but"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="div2">
|
|||
|
|
<span>
|
|||
|
|
<p>赠送任意礼物</p>
|
|||
|
|
<strong>奖励:爱心电池*1</strong>
|
|||
|
|
</span>
|
|||
|
|
<span class="but"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="div3">
|
|||
|
|
<span>
|
|||
|
|
<p>停留房间30分钟</p>
|
|||
|
|
<strong>奖励:爱心电池*1</strong>
|
|||
|
|
</span>
|
|||
|
|
<span class="but"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="div4">
|
|||
|
|
<span>
|
|||
|
|
<p>送出【一箭倾心】1个</p>
|
|||
|
|
<strong>奖励:爱心电池*1</strong>
|
|||
|
|
</span>
|
|||
|
|
<span class="but"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="div5">
|
|||
|
|
<span>
|
|||
|
|
<p>送出【烟火爱恋】1个</p>
|
|||
|
|
<strong>奖励:爱心电池*8</strong>
|
|||
|
|
</span>
|
|||
|
|
<span class="but"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="div6">
|
|||
|
|
<span>
|
|||
|
|
<p>送出【情浓七夕】1个</p>
|
|||
|
|
<strong>奖励:爱心电池*33</strong>
|
|||
|
|
</span>
|
|||
|
|
<span class="but"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="div7">
|
|||
|
|
<span>
|
|||
|
|
<p>送出【花下之约】1个</p>
|
|||
|
|
<strong>奖励:爱心电池*55</strong>
|
|||
|
|
</span>
|
|||
|
|
<span class="but"></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 鹊桥情书 -->
|
|||
|
|
<div class="tab2" style="display: block;">
|
|||
|
|
<div class="queqiao barrage">
|
|||
|
|
<img src="./images/myqs.png" alt="" class="myqs">
|
|||
|
|
<div class="barrage_text" id="my_container"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="xw">
|
|||
|
|
<div class="d1" id="1"></div>
|
|||
|
|
<div class="d2" id="2"></div>
|
|||
|
|
<div class="d3" id="3"></div>
|
|||
|
|
<div class="d4" id="4"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 榜单 -->
|
|||
|
|
<div class="tab3" style="display: none;">
|
|||
|
|
<div class="listBox">
|
|||
|
|
<div class="tab">
|
|||
|
|
<div class="active1 active">日榜</div>
|
|||
|
|
<div>总榜</div>
|
|||
|
|
</div>
|
|||
|
|
<img src="./images/listRule_icon.png" alt="" class="listRule_icon">
|
|||
|
|
<div class="div1">
|
|||
|
|
<img src="./images/logo.png" alt="" class="imgl">
|
|||
|
|
<img src="./images/logo.png" alt="" class="imgr">
|
|||
|
|
<p>名. <b>&</b> 名字</p>
|
|||
|
|
<b class="b">290W 亲密值</b>
|
|||
|
|
</div>
|
|||
|
|
<div class="div2">
|
|||
|
|
<img src="./images/logo.png" alt="" class="imgl">
|
|||
|
|
<img src="./images/logo.png" alt="" class="imgr">
|
|||
|
|
<img src="./images/love.png" alt="" class="love">
|
|||
|
|
<p>名嗷嗷 <b>&</b> 名字按时</p>
|
|||
|
|
<b class="b">290W 亲密值</b>
|
|||
|
|
</div>
|
|||
|
|
<div class="div3">
|
|||
|
|
<img src="./images/logo.png" alt="" class="imgl">
|
|||
|
|
<img src="./images/logo.png" alt="" class="imgr">
|
|||
|
|
<img src="./images/love.png" alt="" class="love">
|
|||
|
|
<p>名 <b>&</b> 名字按时</p>
|
|||
|
|
<b class="b">290W 亲密值</b>
|
|||
|
|
</div>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<div class="num">4</div>
|
|||
|
|
<img src="./images/logo.png" alt="" class="imgl">
|
|||
|
|
<img src="./images/logo.png" alt="" class="imgr">
|
|||
|
|
<p class="name">迪特 <b>& </b>低价奥特</p>
|
|||
|
|
<b class="right">12313亲密值</b>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<!-- 自己榜单 myList_active-->
|
|||
|
|
<div class="myList ">
|
|||
|
|
<img src="./images/more.png" alt="" class="more">
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<img src="./images/logo.png" alt="" class="left">
|
|||
|
|
<img src="./images/logo.png" alt="" class="right">
|
|||
|
|
<img src="./images/love.png" alt="" class="love">
|
|||
|
|
<p class="name">用户昵称... <b>& </b>用户昵称...</p>
|
|||
|
|
<div class="rightBox">
|
|||
|
|
<p>6666123亲密度</p>
|
|||
|
|
<span>当前排名123名</span>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<!-- <li class="active">当前暂未有组合哦～ 快去找你的组合吧！</li> -->
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 规则弹窗 -->
|
|||
|
|
<div class="rule">
|
|||
|
|
<div class="rule_in">
|
|||
|
|
<img src="./images/close.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 未发送过情书弹窗 -->
|
|||
|
|
<div class="qx_put">
|
|||
|
|
<div class="qx_put_in">
|
|||
|
|
<div class="update"></div>
|
|||
|
|
<div class="li1 li"></div>
|
|||
|
|
<div class="li2 li"></div>
|
|||
|
|
<div class="li3 li"></div>
|
|||
|
|
<input placeholder="请输入你的告白语~" type="text" maxlength="20">
|
|||
|
|
<div class="num"><b>0</b>/20</div>
|
|||
|
|
<div class="clos"></div>
|
|||
|
|
<div class="ok"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 已发送情书 -->
|
|||
|
|
<div class="qx_put_out">
|
|||
|
|
<div class="qx_put_outin">
|
|||
|
|
<img src="./images/close.png" alt="">
|
|||
|
|
<p class="p1">您在8月8日已发送了情书</p>
|
|||
|
|
<p class="p2">和你在一起，总会令我忘记时间存在 </p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 领取奖励弹窗 -->
|
|||
|
|
<div class="pubBG">
|
|||
|
|
<div class="pubBG_in">
|
|||
|
|
<img src="./images/close.png" alt="" class="close">
|
|||
|
|
<p class="giftName">恭喜获得</p>
|
|||
|
|
<img src="./images/logo.png" alt="" class="giftImg">
|
|||
|
|
<div class="nick2">告白气球</div>
|
|||
|
|
<div class="num">1天</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 查看奖励弹窗 -->
|
|||
|
|
<div class="notPubBG">
|
|||
|
|
<div class="pubBG_in">
|
|||
|
|
<img src="./images/close.png" alt="" class="close">
|
|||
|
|
<p class="giftName">迪迦礼物</p>
|
|||
|
|
<img src="./images/logo.png" alt="" class="giftImg">
|
|||
|
|
<div class="nick2">告白气球</div>
|
|||
|
|
<div class="num">1天</div>
|
|||
|
|
<img src="./images/get.png" alt="" class="getGifts">
|
|||
|
|
<img src="./images/notGet.png" alt="" class="notGetGifts">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 榜单奖励 -->
|
|||
|
|
<div class="listRule">
|
|||
|
|
<div class="listRule_in">
|
|||
|
|
<img src="./images/close.png" alt="" class="close">
|
|||
|
|
<div class="box"><img src="./images/listRuleBg.png" alt="" class="listRuleBg"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
<script src="./js/danmaku.js"></script>
|
|||
|
|
<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="../../common/js/svga.min.js"></script>
|
|||
|
|
<script src="./js/index.js?v=3.5"></script>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</html>
|