110 lines
3.9 KiB
HTML
110 lines
3.9 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="largestBox">
|
||
|
<!-- 标题 -->
|
||
|
<img src="./images/title.png" alt="" class="title">
|
||
|
<!-- 财富榜&魅力榜 -->
|
||
|
<div class="tab">
|
||
|
<div class="tabColor1">
|
||
|
爱意榜
|
||
|
<span></span>
|
||
|
</div>
|
||
|
<div class="">
|
||
|
魅力榜
|
||
|
<span></span>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 日榜&周榜&月榜 -->
|
||
|
<div class="dayTab">
|
||
|
<div class="dayTabColor1">日榜</div>
|
||
|
<div>周榜</div>
|
||
|
<div style="display: none;">月榜</div>
|
||
|
</div>
|
||
|
<!-- 前三 -->
|
||
|
<div class="top3">
|
||
|
<div class="no no1">
|
||
|
<div class="box">
|
||
|
<img src="./images/no1.png" alt="" class="ts">
|
||
|
<img src="./images/logo.png" alt="" class="tx">
|
||
|
<p>
|
||
|
<span class="sp1">我是很长的...</span>
|
||
|
<span class="sp boy"><img src="./images/boy.png" alt=""></span>
|
||
|
</p>
|
||
|
<div class="icon">
|
||
|
<img src="./images/icon1.png" alt="" class="icon1">
|
||
|
<img src="./images/icon2.png" alt="" class="icon2">
|
||
|
</div>
|
||
|
<div class="score">10000</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="no no2">
|
||
|
<div class="box">
|
||
|
<img src="./images/no2.png" alt="" class="ts">
|
||
|
<img src="" alt="" class="tx">
|
||
|
<p>
|
||
|
<span class="sp1"></span>
|
||
|
<span class="sp"><img src="" alt=""></span>
|
||
|
</p>
|
||
|
<div class="icon">
|
||
|
<img src="" alt="" class="icon1">
|
||
|
<img src="" alt="" class="icon2">
|
||
|
</div>
|
||
|
<div class="score"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="no no3">
|
||
|
<div class="box">
|
||
|
<img src="./images/no3.png" alt="" class="ts">
|
||
|
<img src="" alt="" class="tx">
|
||
|
<p>
|
||
|
<span class="sp1"></span>
|
||
|
<span class="sp boy"><img src="" alt=""></span>
|
||
|
</p>
|
||
|
<div class="icon">
|
||
|
<img src="" alt="" class="icon1">
|
||
|
<img src="" alt="" class="icon2">
|
||
|
</div>
|
||
|
<div class="score"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 非前三 -->
|
||
|
<ul>
|
||
|
<li>
|
||
|
<div class="num">4</div>
|
||
|
<img src="./images/logo.png" alt="" class="tx">
|
||
|
<div class="userInfo">
|
||
|
<p>我是名字名字名字名字名字</p>
|
||
|
<img src="./images/icon1.png" alt="" class="icon1">
|
||
|
<img src="./images/icon2.png" alt="" class="icon2">
|
||
|
</div>
|
||
|
<div class="score">
|
||
|
<p>1000</p>
|
||
|
<span>魅力值</span>
|
||
|
</div>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</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="../../common/js/svga.js"></script>
|
||
|
<script src="./js/index.js"></script>
|