魅力等级新增版本区分
This commit is contained in:
Dragon
BIN
view/yinmeng/modules/level/images/charm2.png
Normal file
BIN
view/yinmeng/modules/level/images/charm2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
BIN
view/yinmeng/modules/level/images/wealth2.png
Normal file
BIN
view/yinmeng/modules/level/images/wealth2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 539 KiB |
@@ -2,95 +2,98 @@
|
||||
<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>
|
||||
<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 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">
|
||||
<!-- <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 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">
|
||||
<img class="wealth" 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">魅力等级是您在音萌个人魅力的成长属性，每收到1个钻石的礼物，积累一点魅力值，随着您的等级上升，您的等级标致会有相应的颜色变化。</p>
|
||||
</div> -->
|
||||
<img class="explain-img" src="./images/charm.png" alt="">
|
||||
</div>
|
||||
<img class="explain-img charm" src="./images/charm.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--用户等级end-->
|
||||
<!--魅力等级start-->
|
||||
<!--用户等级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>
|
||||
<!--魅力等级end-->
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
<script src="./js/level.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
23
view/yinmeng/modules/level/js/level.js
Normal file
23
view/yinmeng/modules/level/js/level.js
Normal file
@@ -0,0 +1,23 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
setTimeout(function () {
|
||||
// console.log(JSON.parse(pubInfo.deviceInfo));
|
||||
// if (browser.ios) {
|
||||
// if (JSON.parse(pubInfo.deviceInfo).appVersion.replace(".", "").replace(".", "") >= 150) {
|
||||
// $('.wealth').attr('src', './images/wealth2.png')
|
||||
// $('.charm').attr('src', './images/charm2.png')
|
||||
// }
|
||||
// } else {
|
||||
// if (JSON.parse(pubInfo.deviceInfo).appVersionCode >= 150) {
|
||||
// $('.wealth').attr('src', './images/wealth2.png')
|
||||
// $('.charm').attr('src', './images/charm2.png')
|
||||
// }
|
||||
// }
|
||||
console.log(pubInfo)
|
||||
}, 200)
|
||||
})
|
||||
Reference in New Issue
Block a user