96 lines
3.5 KiB
HTML
96 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport"
|
||
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<title>等级说明</title>
|
||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||
<link rel="stylesheet" href="css/index.css?v=1.1">
|
||
<script src="../../common/js/flexible.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="level-head">
|
||
<div class="level active">
|
||
<div class="user-box">财富等级</div>
|
||
<span></span>
|
||
</div>
|
||
<div class="level">
|
||
<div class="charm-box">魅力等级</div>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<!--用户等级start-->
|
||
<div class="swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="user-content">
|
||
<div class="user-head">
|
||
<img class="user-avatar" src="./images/people.png" alt="">
|
||
</div>
|
||
<p class="treasure">
|
||
</p>
|
||
<p class="progress-bar">
|
||
<span class="treasure-now">财富值：0</span>
|
||
<span class="progress-bar-now"></span>
|
||
</p>
|
||
<p class="grade">
|
||
<span class="treasure-upgrade">升级所需财富值：<span class="num">0</span></span>
|
||
<span class="grade-now">LV.0</span>
|
||
<span class="grade-next">LV.1</span>
|
||
</p>
|
||
</div>
|
||
|
||
<!-- <div class="explain">
|
||
<p class="explain-tit">等级说明</p>
|
||
<p class="explain-title">用户等级是您的成长属性，每消费1个鉆石购买礼物可以累计1个经验值，随着您的等级上升，您的等级标志会有相应的颜色变化。</p>
|
||
</div>
|
||
<img class="explain-img" src="./images/user.png" alt=""> -->
|
||
|
||
<!-- <img class="explain-img" src="./images/explain.png" alt="">
|
||
<img src="./images/user.png" alt="">
|
||
<img class="effects-img" src="./images/effects1.png" alt=""> -->
|
||
|
||
<img src="./images/wealth.png" alt="">
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="user-charm">
|
||
<div class="user-head">
|
||
<img class="user-avatar" src="./images/people.png" alt="">
|
||
</div>
|
||
<p class="treasure">
|
||
</p>
|
||
<p class="progress-bar">
|
||
<span class="treasure-now">魅力值：0</span>
|
||
<span class="progress-bar-now"></span>
|
||
</p>
|
||
<p class="grade">
|
||
<span class="treasure-upgrade">升級所需魅力值：<span class="num">0</span></span>
|
||
<span class="grade-now">LV.0</span>
|
||
<span class="grade-next">LV.1</span>
|
||
</p>
|
||
</div>
|
||
<!-- <div class="explain">
|
||
<p class="explain-tit">等级说明</p>
|
||
<p class="explain-title">魅力等级是您在peko个人魅力的成长属性，每收到1个鉆石的礼物，积累一点魅力值，随着您的等级上升，您的等级标致会有相应的颜色变化。</p>
|
||
</div> -->
|
||
<img class="explain-img" src="./images/charm.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--用户等级end-->
|
||
<!--魅力等级start-->
|
||
|
||
<!--魅力等级end-->
|
||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||
<script src="../../common/js/common2.js"></script>
|
||
<script src="../../common/js/swiper.min.js"></script>
|
||
<script src="js/index.js?v=1.1"></script>
|
||
<script src="../../common/js/vconsole.min.js"></script>
|
||
</body>
|
||
|
||
</html> |