Skip to content

libai / footseen-large-website

Go to a project
Commit ce24973a by libai
Options

测试

parent ebeb386a
Expand all
Inline Side-by-side
Showing with 1171 additions and 38 deletions
live.html
...@@ -290,8 +290,16 @@ $(function(){ ...@@ -290,8 +290,16 @@ $(function(){
var list=newList[i] var list=newList[i]
html+='<li>'; html+='<li>';
html+='<a target="_blank" rel="opener" href="room/liveRoom.html?roomId='+list.roomId+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_368) no-repeat;background-size: cover;" class="live-top-box">'; html+='<a target="_blank" rel="opener" href="room/liveRoom.html?roomId='+list.roomId+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_368) no-repeat;background-size: cover;" class="live-top-box">';
if(list.liveScope==3&&list.selfLock==1)html+='<img class="lock" src="images/Lock-no.png?v=2022102001">'; // if(list.liveScope==3&&list.selfLock==1)html+='<img class="lock" src="images/Lock-no.png?v=2022102001">';
else if(list.liveScope==3&&list.selfLock==0)html+='<img class="lock" src="images/Lock-no.png?v=2022102001">'; // else if(list.liveScope==3&&list.selfLock==0)html+='<img class="lock" src="images/Lock-no.png?v=2022102001">';
if(list.liveScope==3){
if(list.extend.state==1||list.extend.state==2){
html+='<div data-type="'+list.extend.leftTime+'" class="secret-time1">last call <span>'+add0(Math.floor(list.extend.leftTime/60000))+':'+add0(Math.floor(list.extend.leftTime%60000/1000))+'</span></div>'
}
if(list.extend.state==3){
html+='<div class="secret-time2"><img src="images/suo.png"> Paid Show</div>'
}
}
html+='<p class="introduce">'+list.introduce+'</p>' html+='<p class="introduce">'+list.introduce+'</p>'
html+='<div class="live-cursor-shadow"></div>'; html+='<div class="live-cursor-shadow"></div>';
html+='<img class="live-icon" src="images/front/live.webp" alt="美女直播">'; html+='<img class="live-icon" src="images/front/live.webp" alt="美女直播">';
...@@ -303,7 +311,18 @@ $(function(){ ...@@ -303,7 +311,18 @@ $(function(){
html+='</li>'; html+='</li>';
} }
$(".live-box-ul").html(html); $(".live-box-ul").html(html);
setInterval(function(){
for(var i=0;i<$(".secret-time1").length;i++){
if($(".secret-time1").eq(i).attr("data-type")<=0)continue;
$(".secret-time1").eq(i).attr("data-type",($(".secret-time1").eq(i).attr("data-type")-1000))
if($(".secret-time1").eq(i).attr("data-type")<=0){
$(".secret-time1").eq(i).addClass("secret-time2")
$(".secret-time1").eq(i).html('<img src="images/suo.png"> Paid Show')
continue;
}
$(".secret-time1").eq(i).children("span").text(add0(Math.floor($(".secret-time1").eq(i).attr("data-type")/60000))+':'+add0(Math.floor($(".secret-time1").eq(i).attr("data-type")%60000/1000))+'')
}
},1000)
} }
}) })
} }
......
mobile/index.html
...@@ -36,8 +36,8 @@ ...@@ -36,8 +36,8 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css?v=2022112904"> <link rel="stylesheet" href="css/base.css?v=2022112904">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2023050601"> <link rel="stylesheet" href="css/index.css?v=2023050616">
<link rel="stylesheet" href="css/login.css?v=2023050601"> <link rel="stylesheet" href="css/login.css?v=2023050616">
<link rel="manifest" href="manifest.webmanifest?v=2022120601" /> <link rel="manifest" href="manifest.webmanifest?v=2022120601" />
<script async defer src="lib/hello.js"></script> <script async defer src="lib/hello.js"></script>
<script src="https://accounts.google.com/gsi/client" async defer></script> <script src="https://accounts.google.com/gsi/client" async defer></script>
...@@ -404,7 +404,7 @@ ...@@ -404,7 +404,7 @@
<!-- <script src="lib/fingerprint2.js"></script> --> <!-- <script src="lib/fingerprint2.js"></script> -->
<script src="lib/login.js?v=2023060801"></script> <script src="lib/login.js?v=2023060801"></script>
<script src="index.js?v=2022122201" defer=""></script> <script src="index.js?v=2022122201" defer=""></script>
<script src="lib/phoneLang.js?v=2023050602"></script> <script src="lib/phoneLang.js?v=2023061901"></script>
<!-- <script src="lib/mobileLoginLang.js"></script> --> <!-- <script src="lib/mobileLoginLang.js"></script> -->
<!-- <script src="index.js" defer></script> --> <!-- <script src="index.js" defer></script> -->
<!-- <link rel="manifest" href="manifest.webmanifest" /> --> <!-- <link rel="manifest" href="manifest.webmanifest" /> -->
...@@ -804,6 +804,7 @@ $(function(){ ...@@ -804,6 +804,7 @@ $(function(){
} }
html+='<div class="right-list-box right-list-box-face"><img src="https://zhibocdn.yabolive.net/comm'+data.userData.face+'?x-oss-process=image/resize,w_80"><p>'+data.userData.nickname+'</p><span>></span></div>'; html+='<div class="right-list-box right-list-box-face"><img src="https://zhibocdn.yabolive.net/comm'+data.userData.face+'?x-oss-process=image/resize,w_80"><p>'+data.userData.nickname+'</p><span>></span></div>';
html+='<div class="right-list-box right-list-box-reg">'+text1+' <span><img class="right-add" src="images/add.png"><img class="right-diamond" src="images/diamond.png">'+data.userData.diamond+'</span></div>'; html+='<div class="right-list-box right-list-box-reg">'+text1+' <span><img class="right-add" src="images/add.png"><img class="right-diamond" src="images/diamond.png">'+data.userData.diamond+'</span></div>';
html+='<div class="right-list-box right-list-box-vip">'+langList[sessionStorage.lang].index30+'</div>';
html+='<div class="right-list-box right-list-box-language">'+langList[sessionStorage.lang].index20+' <span>'+langList[sessionStorage.lang].index21+'</span></div>' html+='<div class="right-list-box right-list-box-language">'+langList[sessionStorage.lang].index20+' <span>'+langList[sessionStorage.lang].index21+'</span></div>'
html+='<div class="right-list-box right-list-box-ref">'+text2+'</div>' html+='<div class="right-list-box right-list-box-ref">'+text2+'</div>'
html+='<div class="right-list-box right-list-box-out">'+text3+'</div>' html+='<div class="right-list-box right-list-box-out">'+text3+'</div>'
...@@ -825,6 +826,9 @@ $(function(){ ...@@ -825,6 +826,9 @@ $(function(){
$(".right-list-box-ref").unbind("click").on("click",function(){ $(".right-list-box-ref").unbind("click").on("click",function(){
window.location.reload() window.location.reload()
}) })
$(".right-list-box-vip").unbind("click").on("click",function(){
window.location.href="vip/vip.html"
})
$(".right-list-box-out").unbind("click").on("click",function(){ $(".right-list-box-out").unbind("click").on("click",function(){
window.localStorage.removeItem("uid") window.localStorage.removeItem("uid")
window.localStorage.removeItem("token") window.localStorage.removeItem("token")
......
mobile/lib/phoneLang.js
...@@ -34,6 +34,7 @@ var langList=[ ...@@ -34,6 +34,7 @@ var langList=[
index27:"followed", index27:"followed",
index28:'No live broadcaster you followed is living now', index28:'No live broadcaster you followed is living now',
index29:'More live', index29:'More live',
index30:'VIP center',
videoPage1:"Stockings", videoPage1:"Stockings",
videoPage2:"Legs", videoPage2:"Legs",
videoPage3:"Bare feet", videoPage3:"Bare feet",
...@@ -86,6 +87,7 @@ var langList=[ ...@@ -86,6 +87,7 @@ var langList=[
index27:'追蹤成功', index27:'追蹤成功',
index28:'你所關注的主播沒有正在直播中噢~', index28:'你所關注的主播沒有正在直播中噢~',
index29:'去逛逛', index29:'去逛逛',
index30:'VIP中心',
videoPage1:'絲襪', videoPage1:'絲襪',
videoPage2:'秀腿', videoPage2:'秀腿',
videoPage3:'裸足', videoPage3:'裸足',
......
mobile/room/css/liveRoom.css
...@@ -97,6 +97,68 @@ ...@@ -97,6 +97,68 @@
left: 0.2rem; left: 0.2rem;
display: none; display: none;
} }
.space-vip-box {
position: absolute;
width: 2.43rem;
height: 2.43rem;
top: -0.2rem;
z-index: 5;
left: 2.78rem;
}
.space-vip-box span {
width: 2.43rem;
text-align: center;
color: #fff;
font-size: 0.3rem;
position: absolute;
top: 1.8rem;
}
.space-vip-box1 {
background: url(../images/v1.png) no-repeat;
background-size: 100% 100%;
}
.space-vip-box2 {
background: url(../images/v2.png) no-repeat;
background-size: 100% 100%;
}
.space-vip-box2 span {
top: 1.75rem;
}
.space-vip-box3 {
background: url(../images/v3.png) no-repeat;
background-size: 100% 100%;
}
.space-vip-box3 span {
top: 1.75rem;
}
.space-vip-box4 {
background: url(../images/v4.png) no-repeat;
background-size: 100% 100%;
}
.space-vip-box4 span {
top: 1.65rem;
}
.space-vip-box5 {
background: url(../images/v5.png) no-repeat;
background-size: 100% 100%;
}
.space-vip-box5 span {
top: 1.75rem;
}
.space-vip-box6 {
background: url(../images/v6.png) no-repeat;
background-size: 100% 100%;
}
.space-vip-box6 span {
top: 1.8rem;
}
.space-vip-box7 {
background: url(../images/v7.png) no-repeat;
background-size: 100% 100%;
}
.space-vip-box7 span {
top: 1.82rem;
}
.room-mc-box2 { .room-mc-box2 {
width: 3rem; width: 3rem;
} }
...@@ -142,28 +204,39 @@ ...@@ -142,28 +204,39 @@
margin-top: -0.05rem; margin-top: -0.05rem;
} }
.room-user-list { .room-user-list {
width: 5rem; width: 5.5rem;
height: 0.8rem; height: 0.8rem;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0.15rem; top: 0rem;
} }
.room-user-ul-box { .room-user-ul-box {
width: 4rem; width: 4.5rem;
height: 0.8rem; height: 1.2rem;
overflow-x: scroll; overflow-x: scroll;
} }
.room-user-ul { .room-user-ul {
height: 0.8rem; height: 0.8rem;
padding-top: 0.15rem;
}
.room-user-ul .online-king {
position: absolute;
width: 1.1rem;
height: 1.1rem;
left: 0.05rem;
top: -0.1rem;
}
.room-user-ul .li-vip {
width: 1.2rem;
} }
.room-user-ul li { .room-user-ul li {
position: relative;
width: 1rem; width: 1rem;
height: 0.8rem; height: 0.8rem;
float: left; float: left;
line-height: 0.8rem; line-height: 0.8rem;
font-size: 0; font-size: 0;
text-align: center; text-align: center;
overflow: hidden;
} }
.room-user-ul li img { .room-user-ul li img {
vertical-align: middle; vertical-align: middle;
...@@ -175,7 +248,7 @@ ...@@ -175,7 +248,7 @@
width: 0.45rem; width: 0.45rem;
position: absolute; position: absolute;
right: 0.35rem; right: 0.35rem;
top: 0.22rem; top: 0.37rem;
z-index: 10; z-index: 10;
} }
.room-hot-box { .room-hot-box {
...@@ -854,13 +927,13 @@ ...@@ -854,13 +927,13 @@
.user-msg-content { .user-msg-content {
line-height: 0.63rem; line-height: 0.63rem;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
border-radius: 0.12rem; border-radius: 0.5rem;
font-size: 0.33rem; font-size: 0.33rem;
position: relative; position: relative;
color: #fff; color: #fff;
padding-left: 0.15rem; padding-left: 0.15rem;
display: inline-block; display: inline-block;
padding-right: 0.25rem; padding-right: 0.2rem;
} }
.user-msg-content .user-msg-name { .user-msg-content .user-msg-name {
color: #5BE9EE; color: #5BE9EE;
...@@ -884,6 +957,58 @@ ...@@ -884,6 +957,58 @@
width: 0.43rem; width: 0.43rem;
height: 0.43rem; height: 0.43rem;
} }
.user-msg-content2 {
background: #f46fb61a;
border: 0.01rem solid #F09BB9;
box-shadow: inset 0 0 0.1rem #F09BB9;
}
.user-msg-content2 .user-msg-name {
color: #FC70BE;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-msg-content3 {
background: #fa9c550f;
border: 0.01rem solid #FA9D55;
box-shadow: inset 0 0 0.1rem #FA9D55;
}
.user-msg-content3 .user-msg-name {
color: #FA9D55;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-msg-content4 {
background: #c959dd17;
border: 0.01rem solid #D797D5;
box-shadow: inset 0 0 0.2rem #D797D5;
}
.user-msg-content4 .user-msg-name {
color: #DE5CFC;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-msg-content5 {
background: #fedd0a17;
border: 0.01rem solid #E3D177;
box-shadow: inset 0 0 0.2rem #E3D177, inset 0 0 0.2rem #E3D177;
}
.user-msg-content5 .user-msg-name {
color: #e9660f;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-msg-big .user-name-color2 {
color: #FC70BE;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-msg-big .user-name-color3 {
color: #FA9D55;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-msg-big .user-name-color4 {
color: #DE5CFC;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-msg-big .user-name-color5 {
color: #e9660f;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.system-msg { .system-msg {
font-size: 0.33rem; font-size: 0.33rem;
line-height: 0.63rem; line-height: 0.63rem;
...@@ -1387,6 +1512,7 @@ ...@@ -1387,6 +1512,7 @@
.layer-space-box { .layer-space-box {
height: 8.8rem; height: 8.8rem;
position: relative; position: relative;
top: 0.2rem;
width: 8rem; width: 8rem;
display: none; display: none;
} }
...@@ -1411,7 +1537,7 @@ ...@@ -1411,7 +1537,7 @@
color: #333333; color: #333333;
font-size: 0.35rem; font-size: 0.35rem;
text-align: center; text-align: center;
padding-top: 1.2rem; padding-top: 1.4rem;
position: relative; position: relative;
z-index: 5; z-index: 5;
} }
...@@ -1512,6 +1638,9 @@ ...@@ -1512,6 +1638,9 @@
.space-num-ul li p { .space-num-ul li p {
height: 0.52rem; height: 0.52rem;
line-height: 0.52rem; line-height: 0.52rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} }
.space-num-ul li p:nth-child(1) { .space-num-ul li p:nth-child(1) {
margin-top: 0.4rem; margin-top: 0.4rem;
...@@ -1696,7 +1825,7 @@ ...@@ -1696,7 +1825,7 @@
width: 1.2rem; width: 1.2rem;
vertical-align: middle; vertical-align: middle;
margin-top: -0.12rem; margin-top: -0.12rem;
margin-right: 0.15rem; margin-right: 0.05rem;
} }
.room-out-shadow { .room-out-shadow {
position: absolute; position: absolute;
......
mobile/room/css/liveRoom.less
...@@ -103,6 +103,69 @@ ...@@ -103,6 +103,69 @@
display: none; display: none;
// transition: 0.3s all; // transition: 0.3s all;
} }
.space-vip-box{
position: absolute;
width: 2.43rem;
height: 2.43rem;
top: -0.2rem;
z-index: 5;
left: 2.78rem;
span{
width: 2.43rem;
text-align: center;
color: #fff;
font-size: 0.3rem;
position: absolute;
top: 1.8rem;
}
}
.space-vip-box1{
background:url(../images/v1.png)no-repeat;
background-size: 100% 100%;
}
.space-vip-box2{
background:url(../images/v2.png)no-repeat;
background-size: 100% 100%;
span{
top: 1.75rem;
}
}
.space-vip-box3{
background:url(../images/v3.png)no-repeat;
background-size: 100% 100%;
span{
top: 1.75rem;
}
}
.space-vip-box4{
background:url(../images/v4.png)no-repeat;
background-size: 100% 100%;
span{
top: 1.65rem;
}
}
.space-vip-box5{
background:url(../images/v5.png)no-repeat;
background-size: 100% 100%;
span{
top: 1.75rem;
}
}
.space-vip-box6{
background:url(../images/v6.png)no-repeat;
background-size: 100% 100%;
span{
top: 1.8rem;
}
}
.space-vip-box7{
background:url(../images/v7.png)no-repeat;
background-size: 100% 100%;
span{
top: 1.82rem;
}
}
.room-mc-box2{ .room-mc-box2{
width: 3rem; width: 3rem;
} }
...@@ -148,28 +211,41 @@ ...@@ -148,28 +211,41 @@
transform: scale(0.9); transform: scale(0.9);
} }
.room-user-list{ .room-user-list{
width: 5rem; width: 5.5rem;
height: 0.8rem; height: 0.8rem;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0.15rem; top: 0rem;
} }
.room-user-ul-box{ .room-user-ul-box{
width: 4rem; width: 4.5rem;
height: 0.8rem; height: 1.2rem;
overflow-x: scroll; overflow-x: scroll;
} }
.room-user-ul{ .room-user-ul{
height: 0.8rem; height: 0.8rem;
padding-top: 0.15rem;
.online-king{
position: absolute;
width: 1.1rem;
height: 1.1rem;
left: 0.05rem;
top: -0.1rem;
}
.li-vip{
width: 1.2rem;
}
li{ li{
position: relative;
width: 1rem; width: 1rem;
height: 0.8rem; height: 0.8rem;
float: left; float: left;
line-height: 0.8rem; line-height: 0.8rem;
font-size: 0; font-size: 0;
text-align: center; text-align: center;
overflow: hidden; // overflow: hidden;
img{ img{
vertical-align: middle; vertical-align: middle;
width: 0.8rem; width: 0.8rem;
...@@ -182,7 +258,7 @@ ...@@ -182,7 +258,7 @@
width: 0.45rem; width: 0.45rem;
position: absolute; position: absolute;
right: 0.35rem; right: 0.35rem;
top: 0.22rem; top: 0.37rem;
z-index: 10; z-index: 10;
} }
.room-hot-box{ .room-hot-box{
...@@ -877,13 +953,13 @@ ...@@ -877,13 +953,13 @@
.user-msg-content{ .user-msg-content{
line-height: 0.63rem; line-height: 0.63rem;
background: rgba(0,0,0,0.3); background: rgba(0,0,0,0.3);
border-radius: 0.12rem; border-radius: 0.5rem;
font-size: 0.33rem; font-size: 0.33rem;
position: relative; position: relative;
color: #fff; color: #fff;
padding-left: 0.15rem; padding-left: 0.15rem;
display: inline-block; display: inline-block;
padding-right: 0.25rem; padding-right: 0.2rem;
.user-msg-name{ .user-msg-name{
color: #5BE9EE; color: #5BE9EE;
...@@ -910,6 +986,67 @@ ...@@ -910,6 +986,67 @@
} }
} }
} }
.user-msg-content2{
background: #f46fb61a;
border: 0.01rem solid #F09BB9;
box-shadow: inset 0 0 0.1rem #F09BB9;
.user-msg-name{
color: #FC70BE;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
}
.user-msg-content3{
background: #fa9c550f;
border: 0.01rem solid #FA9D55;
box-shadow: inset 0 0 0.1rem #FA9D55;
.user-msg-name{
color: #FA9D55;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
}
.user-msg-content4{
background: #c959dd17;
border: 0.01rem solid #D797D5;
box-shadow: inset 0 0 0.2rem #D797D5;
.user-msg-name{
color: #DE5CFC;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
}
.user-msg-content5{
background:#fedd0a17;
border: 0.01rem solid #E3D177;
box-shadow: inset 0 0 0.2rem #E3D177,inset 0 0 0.2rem #E3D177;
.user-msg-name{
color: #e9660f;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
}
.user-msg-big{
.user-name-color1{
}
.user-name-color2{
color: #FC70BE;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-name-color3{
color: #FA9D55;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-name-color4{
color: #DE5CFC;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.user-name-color5{
color: #e9660f;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
}
.system-msg{ .system-msg{
font-size: 0.33rem; font-size: 0.33rem;
line-height: 0.63rem; line-height: 0.63rem;
...@@ -1427,6 +1564,7 @@ ...@@ -1427,6 +1564,7 @@
.layer-space-box{ .layer-space-box{
height: 8.8rem; height: 8.8rem;
position: relative; position: relative;
top: 0.2rem;
width: 8rem; width: 8rem;
display: none; display: none;
} }
...@@ -1451,7 +1589,7 @@ ...@@ -1451,7 +1589,7 @@
color: #333333; color: #333333;
font-size: 0.35rem; font-size: 0.35rem;
text-align: center; text-align: center;
padding-top: 1.2rem; padding-top: 1.4rem;
position: relative; position: relative;
z-index: 5; z-index: 5;
} }
...@@ -1553,6 +1691,9 @@ ...@@ -1553,6 +1691,9 @@
.space-num-ul li p { .space-num-ul li p {
height: 0.52rem; height: 0.52rem;
line-height: 0.52rem; line-height: 0.52rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} }
...@@ -1748,7 +1889,7 @@ ...@@ -1748,7 +1889,7 @@
width: 1.2rem; width: 1.2rem;
vertical-align: middle; vertical-align: middle;
margin-top: -0.12rem; margin-top: -0.12rem;
margin-right: 0.15rem; margin-right: 0.05rem;
} }
.mc-out-box{ .mc-out-box{
......
mobile/room/liveRoom.html
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<script src="../lib/fsize.js"></script> <script src="../lib/fsize.js"></script>
<link rel="stylesheet" href="../css/base.css?v=2023050601"> <link rel="stylesheet" href="../css/base.css?v=2023050601">
<link rel="stylesheet" href="../css/layer.css"> <link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="css/liveRoom.css?v=2023060501"> <link rel="stylesheet" href="css/liveRoom.css?v=2023061902">
<link rel="stylesheet" href="../css/login.css?v=2023051710"> <link rel="stylesheet" href="../css/login.css?v=2023051710">
<link rel="manifest" href="../manifest.webmanifest?v=2023050601" /> <link rel="manifest" href="../manifest.webmanifest?v=2023050601" />
<link rel="stylesheet" href="css/liMarquee.css"> <link rel="stylesheet" href="css/liMarquee.css">
...@@ -668,7 +668,7 @@ ...@@ -668,7 +668,7 @@
<script src="../lib/flv.js"></script> <script src="../lib/flv.js"></script>
<script src="../index.js?v=2023050601" defer=""></script> <script src="../index.js?v=2023050601" defer=""></script>
<script src="lib/circleChart.min.js"></script> <script src="lib/circleChart.min.js"></script>
<script src="lib/phoneRoomLang.js?v=202301713"></script> <script src="lib/phoneRoomLang.js?v=2023061901"></script>
<script src="lib/liMarquee.js"></script> <script src="lib/liMarquee.js"></script>
<script> <script>
$(function(){ $(function(){
...@@ -2229,17 +2229,41 @@ $(function(){ ...@@ -2229,17 +2229,41 @@ $(function(){
success:function(data){ success:function(data){
// console.log('用戶在線列表',data); // console.log('用戶在線列表',data);
var html=[]; var html=[];
for(var i=0;i<10;i++){ var vipNum=0
var normalNum=0
for(let i=0;i<10;i++){
if(data.dataList[i]==undefined)continue; if(data.dataList[i]==undefined)continue;
var list=data.dataList[i] var list=data.dataList[i]
if(list.face=='/user/boy.png')var faceImg='images/boy.png'; if(list.face=='/user/boy.png')var faceImg='images/boy.png';
else var faceImg='https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_78'; else var faceImg='https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_78';
html+='<li data-type="'+list.uid+'">'; if(list.isVip==1){
html+='<img src="'+faceImg+'" alt="">';
html+='</li>'; if(list.richLevel>10&&list.richLevel<21)var vipImgNum=1
else if(list.richLevel>20&&list.richLevel<31)var vipImgNum=2
else if(list.richLevel>30&&list.richLevel<41)var vipImgNum=3
else if(list.richLevel>40&&list.richLevel<46)var vipImgNum=4
else if(list.richLevel>45&&list.richLevel<51)var vipImgNum=5
else if(list.richLevel==51)var vipImgNum=6
else if(list.richLevel>51)var vipImgNum=7
else vipImgNum=0
html+='<li class="li-vip" data-type="'+list.uid+'">';
if(vipImgNum!=0)html+='<img class="online-king" src="images/v'+vipImgNum+'.png">'
html+='<img src="'+faceImg+'" alt="">';
html+='</li>';
console.log(list.richLevel)
console.log(vipImgNum)
vipNum++
}else{
html+='<li data-type="'+list.uid+'">';
html+='<img src="'+faceImg+'" alt="">';
html+='</li>';
normalNum++
}
} }
if(data.dataList.length<10) $(".room-user-ul").css("width",data.dataList.length+'rem') var ulNum=vipNum*1.2+normalNum*1
else $(".room-user-ul").css("width",'10rem') $(".room-user-ul").css("width",''+ulNum+'rem')
$(".room-user-ul").html(html); $(".room-user-ul").html(html);
$(".room-user-ul li img").unbind("error").on("error",function(){ $(".room-user-ul li img").unbind("error").on("error",function(){
$(this).attr("src","images/boy.png") $(this).attr("src","images/boy.png")
...@@ -2922,7 +2946,15 @@ $(function(){ ...@@ -2922,7 +2946,15 @@ $(function(){
if(list.content.type==1){ if(list.content.type==1){
var html=[]; var html=[];
if(list.content.isrobot==true&&list.content.nickname.indexOf("遊客")==-1)return; if(list.content.isrobot==true&&list.content.nickname.indexOf("遊客")==-1)return;
if(list.content.lv>0&&list.content.vipInfo.isVip==true) html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name"><img class="user-level-icon" src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png" alt="">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>' if(list.content.lv>0&&list.content.vipInfo.isVip==true){
if(list.content.lv>30&&list.content.lv<41)var vipImgNum=2
if(list.content.lv>40&&list.content.lv<46)var vipImgNum=3
if(list.content.lv>45&&list.content.lv<51)var vipImgNum=4
if(list.content.lv>50&&list.content.lv<52)var vipImgNum=5
if(list.content.lv>=52)var vipImgNum=5
console.log(list.content)
html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name user-name-color'+vipImgNum+'"><img class="user-level-icon" src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png" alt="">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>'
}
else html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>' else html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>'
$(".user-msg-big").prepend(html); $(".user-msg-big").prepend(html);
...@@ -2951,7 +2983,16 @@ $(function(){ ...@@ -2951,7 +2983,16 @@ $(function(){
var html=[]; var html=[];
var richLv=0 var richLv=0
html+='<div class="user-msg">'; html+='<div class="user-msg">';
if(list.content.vip_lv>0&&list.content.vipInfo.isVip==true) html+='<div data-type="'+list.content.uid+'" class="user-msg-content"><img class="user-level-icon" src="https://app.ixiulive.com/static/vip/'+list.content.vip_lv+'.png" alt=""><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.uid_nick+'</span>';
if(list.content.vip_lv>0&&list.content.vipInfo.isVip==true){
if(list.content.vip_lv>30&&list.content.vip_lv<41)var vipImgNum=2
if(list.content.vip_lv>40&&list.content.vip_lv<46)var vipImgNum=3
if(list.content.vip_lv>45&&list.content.vip_lv<51)var vipImgNum=4
if(list.content.vip_lv>50&&list.content.vip_lv<52)var vipImgNum=5
if(list.content.vip_lv>=52)var vipImgNum=5
html+='<div data-type="'+list.content.uid+'" class="user-msg-content user-msg-content'+vipImgNum+'"><img class="user-level-icon" src="https://app.ixiulive.com/static/vip/'+list.content.vip_lv+'.png" alt=""><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.uid_nick+'</span>';
}
else html+='<div data-type="'+list.content.uid+'" class="user-msg-content"><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.uid_nick+'</span>'; else html+='<div data-type="'+list.content.uid+'" class="user-msg-content"><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.uid_nick+'</span>';
if(list.content.live_lv>0)html+='<span class="user-msg-level"><span>'+list.content.live_lv+'</span>'; if(list.content.live_lv>0)html+='<span class="user-msg-level"><span>'+list.content.live_lv+'</span>';
html+='</span> : '+list.content.content+'</div>'; html+='</span> : '+list.content.content+'</div>';
...@@ -3361,12 +3402,26 @@ $(function(){ ...@@ -3361,12 +3402,26 @@ $(function(){
if(data.zoneInfo.age!=0)var myAge=data.zoneInfo.age; if(data.zoneInfo.age!=0)var myAge=data.zoneInfo.age;
else var myAge=langRoom[sessionStorage.lang].roomJsTxt32 else var myAge=langRoom[sessionStorage.lang].roomJsTxt32
html+='<img class="layer-space-face" src="'+faceImg+'" alt="">'; html+='<img class="layer-space-face" src="'+faceImg+'" alt="">';
if(data.zoneInfo.level!=0&&data.zoneInfo.privilege.vip==true){
console.log(data.zoneInfo.level)
if(data.zoneInfo.level>10&&data.zoneInfo.level<21)var vipImgNum=1
if(data.zoneInfo.level>20&&data.zoneInfo.level<31)var vipImgNum=2
if(data.zoneInfo.level>30&&data.zoneInfo.level<41)var vipImgNum=3
if(data.zoneInfo.level>40&&data.zoneInfo.level<46)var vipImgNum=4
if(data.zoneInfo.level>45&&data.zoneInfo.level<51)var vipImgNum=5
if(data.zoneInfo.level>50&&data.zoneInfo.level<52)var vipImgNum=6
if(data.zoneInfo.level>=52)var vipImgNum=7
html+='<div class="space-vip-box space-vip-box'+vipImgNum+'"><span>'+data.zoneInfo.level+'</span></div>'
}
html+='<div class="layer-space">'; html+='<div class="layer-space">';
// html+='<img class="space-close" src="images/close.png" alt="">'; // html+='<img class="space-close" src="images/close.png" alt="">';
html+='<p class="layer-space-p1">'+data.zoneInfo.nickname+'</p>'; html+='<p class="layer-space-p1">'+data.zoneInfo.nickname+'</p>';
html+='<p class="layer-space-p2">Footseen ID:'+data.zoneInfo.uid+'</p>'; html+='<p class="layer-space-p2">Footseen ID:'+data.zoneInfo.uid+'</p>';
html+='<div class="layer-space-icon">'; html+='<div class="layer-space-icon">';
if(data.zoneInfo.level!=0&&data.zoneInfo.privilege.vip==true)html+='<img class="space-vip" src="https://app.ixiulive.com/static/vip/'+data.zoneInfo.level+'.png" alt="">'; if(data.zoneInfo.level!=0&&data.zoneInfo.privilege.vip==true){
html+='<img class="space-vip" src="https://app.ixiulive.com/static/vip/'+data.zoneInfo.level+'.png" alt="">';
}
if(data.zoneInfo.sex==1)html+='<span class="space-sex-box space-sex-box2"><img src="images/sex1.png" alt="">'+myAge+'</span>'; if(data.zoneInfo.sex==1)html+='<span class="space-sex-box space-sex-box2"><img src="images/sex1.png" alt="">'+myAge+'</span>';
else html+='<span class="space-sex-box "><img src="images/sex2.png" alt="">'+myAge+'</span>'; else html+='<span class="space-sex-box "><img src="images/sex2.png" alt="">'+myAge+'</span>';
for(var i=0;i<data.zoneData.medals.length;i++){ for(var i=0;i<data.zoneData.medals.length;i++){
...@@ -3529,7 +3584,7 @@ $(function(){ ...@@ -3529,7 +3584,7 @@ $(function(){
title: false, title: false,
shadeClose: true, shadeClose: true,
skin: "yourclass5", skin: "yourclass5",
area: ["8rem", "8.8rem"], area: ["8rem", "9.2rem"],
content: $(".layer-space-box"), content: $(".layer-space-box"),
end: function () { end: function () {
$(".layui-layer-shade").hide() $(".layui-layer-shade").hide()
......
mobile/vip/css/liMarquee.css 0 → 100644
/*Plugin CSS*/
.str_wrap {
overflow:hidden;
//zoom:1;
width:100%;
font-size:12px;
line-height:16px;
position:relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
background:#f6f6f6;
white-space:nowrap;
}
.str_wrap.str_active {
background:#f1f1f1;
}
.str_move {
white-space:nowrap;
position:absolute;
top:0;
left:0;
cursor:move;
}
.str_move_clone {
display:inline-block;
/* //display:inline;
//zoom:1; */
vertical-align:top;
position:absolute;
left:100%;
top:0;
}
.str_vertical .str_move_clone {
left:0;
top:100%;
}
.str_down .str_move_clone {
left:0;
bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
white-space:normal;
width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
cursor:inherit;
}
.str_wrap img {
max-width:none !important;
}
\ No newline at end of file
mobile/vip/help/css/base.css 0 → 100644
/*初始化 reset*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,font,em,i,b,strong,button{margin:0;padding:0;}
body{margin:0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; background:#fff; overflow:visible; color:#333333;}
html, body { height: 100%;}
input,select{font-size:12px;line-height:16px; border:0 none; vertical-align:middle;}
button{ border:0 none;}
.clear{clear:both;padding:0px;margin:0px;}
img{border:0;}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
a:focus { outline:0; }
input,button,select,textarea{outline:none}
ul,li{list-style-type:none;_list-style:outside;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#ff6600;}
/* new clearfix清除浮动 */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: block;zoom:1 }
* html .clearfix {height: 1%; zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
html[xmlns] .clearfix { display: block; zoom:1}
/*清除浮动-end*/
h1,h2,h3,h4,h5,h6{font-weight: normal}
/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-only;
}
/*清除浮动*/
.w{
width: 1200px;
margin: 0 auto;
}
button{
cursor: pointer;
outline:none;
}
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
::-webkit-scrollbar{
display:none;
}
/*版芯*/
/*多语言*/
.L-Cn,.L-En,.L-Cn,.L-Ta,.L-Jp{
display: none;
}
\ No newline at end of file
mobile/vip/help/css/desc.css 0 → 100644
body{
font-family: PingFang-SC-Medium;
background-color: #F5F6F6;
}
.main{
width: 10rem;
position: relative;
margin: 0 auto;
background-color: #F5F6F6;
border-radius:0.32rem 0.32rem 0px 0px;
-webkit-border-radius:0.32rem 0.32rem 0px 0px;
-moz-border-radius:0.32rem 0.32rem 0px 0px;
padding-bottom: 0.533rem;
padding-top: 0.266rem;
}
.mTop{
width: 9.5rem;
overflow: hidden;
height: 1rem;
position: relative;
transition: 0.5s all;
margin-left: .5rem;
}
.mTop span{
background: url(../images/i1.png) no-repeat;
background-size: 100% 100%;
width: 1rem;
height: 1rem;
position: absolute;
left: 0;
top: 0;
transition: 0.5s all;
}
.mTop span:nth-child(2){
left: 2rem;
background: url(../images/i2.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(3){
left: 4rem;
background: url(../images/i3.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(4){
left: 6rem;
background: url(../images/i4.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(5){
left: 8rem;
background: url(../images/i5.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(6){
left: 10rem;
background: url(../images/i6.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(7){
left: 12rem;
background: url(../images/i7.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(8){
left: 14rem;
background: url(../images/i8.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(9){
left: 16rem;
background: url(../images/i9.png?v=20190910091109) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(10){
left: 18rem;
background: url(../images/i10.png?v=20190910091109) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(11){
left: 20rem;
background: url(../images/i11.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(1).check{
background: url(../images/i1_check.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(2).check{
background: url(../images/i2_check.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(3).check{
background: url(../images/i3_check.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(4).check{
background: url(../images/i4_check.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(5).check{
background: url(../images/i5_check.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(6).check{
background: url(../images/i6_check.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(7).check{
background: url(../images/i7_check.png) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(8).check{
background: url(../images/i8_check.png?v=201909241451) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(9).check{
background: url(../images/i9_check.png?v=20190910091109) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(10).check{
background: url(../images/i10_check.png?v=20190910091109) no-repeat;
background-size: 100% 100%;
}
.mTop span:nth-child(11).check{
background: url(../images/i11_check.png) no-repeat;
background-size: 100% 100%;
}
.mBottom{
position: relative;
width: 10rem;
height: 12.5rem;
overflow: hidden;
margin-top: 0.466rem;
}
.mDesc{
position: absolute;
left: 0;
top: 0;
width: 10rem;
height: 12.5rem;
color:#FFF;
font-size: .4rem;
font-size: 0;
}
.mDesc2{
left: 10rem;
}
.mDesc3{
left: 20rem;
}
.mDesc4{
left: 30rem;
}
.mDesc5{
left: 40rem;
}
.mDesc6{
left: 50rem;
}
.mDesc7{
left: 60rem;
}
.mDesc8{
left: 70rem;
}
.mDesc9{
left: 80rem;
}
.mDesc10{
left: 90rem;
}
.mDesc11{
left: 100rem;
}
.mDescTitle{
font-size: 0;
padding-left: 0.426rem;
}
.mDescTitle span:first-child{
/*width: 0.133rem;
height: 0.133rem;
background-color: #6CCDE6;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
display: inline-block;
line-height: .133rem;
vertical-align: middle;
margin-top: -.2rem;*/
width: 0.08rem;
height: 0.266rem;
background-color: #999;
display: inline-block;
border-radius: 0.04rem;
-webkit-border-radius: 0.04rem;
-moz-border-radius: 0.04rem;
}
.mDescTitle span:last-child{
color:#333;
font-size: 0.426rem;
display: inline-block;
margin-left: 0.133rem;
}
.mDescT1{
color:#E64E92;
font-size: 0.346rem;
padding-left: 0.533rem;
margin-top: 0.433rem;
}
.mDescD1{
color:#666;
font-size: 0.32rem;
margin-top: 0.266rem;
padding-left: 0.533rem;
width: 8.933rem;
}
.mDescT2{
margin-top: 0.533rem;
padding-left: 0.533rem;
color:#E64E92;
font-size: 0.346rem;
}
.mDescBtn{
width: 5.626rem;
height: 1.16rem;
line-height: 1.16rem;
text-align: center;
background:#E64E92;
border-radius:0.586rem;
-webkit-border-radius:0.586rem;
-moz-border-radius:0.586rem;
font-size: 0.4rem;
color:#FFF;
margin: 0.933rem auto 0;
z-index: 100;
}
.mDescLook{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#666;
text-decoration:underline;
margin-top: 0.533rem;
}
.mDesc1 .mDescImg{
background: url(../images/d1.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 3.6rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc2 .mDescImg{
background: url(../images/d2.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 5.306rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc2 .mDescBtn{
margin-top: 0.6rem;
}
.mDesc3 .mDescImg{
background: url(../images/d3.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 3.626rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc4 .mDescImg{
background: url(../images/d4.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 3.04rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc5 .mDescImg{
background: url(../images/d5.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 3.04rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc6 .mDescImg{
background: url(../images/d6.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 5.2rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc6,.mDesc7,.mDesc8{
overflow-x: auto;
height: 12rem;
}
.mDesc7 .mDescImg{
background: url(../images/d7.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 9.093rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc8 .mDescImg{
background: url(../images/d8.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 10.36rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc9 .mDescImg{
background: url(../images/d10.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 3.906rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
.mDesc11 .mDescImg{
background: url(../images/d11.png) no-repeat;
background-size: 100% 100%;
width: 8.933rem;
height: 3.906rem;
position: relative;
margin: 0.533rem 0 0 0.533rem;
}
mobile/vip/help/css/index.css 0 → 100644
body{
background-color: #091b29;
font-family: PingFang-SC-Regular;
}
.main{
width: 10rem;
position: relative;
margin: 0 auto;
background-color: #091b29;
}
.vip-back-span1{
color: #fff;
font-size: 0.5rem;
position: absolute;
transform:scaleY(1.6);
top: 0;
left: 0.2rem;
z-index: 20;
}
.mHead{
width: 10rem;
position: relative;
margin: 0 auto;
}
.mHeadImg{
width: 10rem;
height: 10.226rem;
position: relative;
z-index: 10;
}
.mHeadImgFont{
width: 4.866rem;
height: 1.346rem;
position: absolute;
top: 2.666rem;
left: 50%;
z-index: 20;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
}
.mHeadImgFont.L_En{
width: 5.506rem;
height: 1.92rem;
top: 2.3rem;
margin-left: .4rem;
}
.mHeadInfo{
position: relative;
text-align: center;
font-size: 0;
margin-top: -3rem;
z-index: 1;
}
.mHeadInfo p{
font-size: 0.36rem;
color:#A9D3FF;
margin-top: 0.133rem;
}
.mHeadInfo p span{
color:#FFF8A9;
}
.mHeadInfo p:nth-child(4){
margin-top: 0.4rem;
font-size: .32rem;
}
.mUnlock{
width: 9.333rem;
position: relative;
margin: -3.933rem auto 0;
z-index: 20;
padding-top: 0.766rem;
}
.mUnlockTitle{
width: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
font-size: 0.4rem;
color:#A6E5FF;
}
.mUnlockTitle img{
width: 1.213rem;
height: 0.106rem;
vertical-align: middle;
margin-top: -.05rem;
}
.mUnlockTitle font{
margin: 0 0.2rem;
}
.mUnlockBox{
position: relative;
margin: 0 auto;
font-size: 0;
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
width: 9.333rem;
height: 6.64rem;
}
.mUnlockBox p{
font-size: 0.346rem;
color:#A9D3FF;
line-height: 1.5;
width: 8.853rem;
position: relative;
margin: 0 auto;
}
.mUnlockBox p:first-child{
padding-top: .9rem;
}
.mUnlockBox p.mUnlockTwo{
margin-top: 0.533rem;
}
.mUnlockBox p.mUnlockThree{
margin-top: 0.666rem;
}
.mUnlockBox p span.red{
color:#14F3F6;
}
.mUnlockBox p span.blue{
color:#14F3F6;
}
.mUnlockBox p span.blueLine{
color:#14F3F6;
text-decoration:underline
}
.mGrade{
width: 10rem;
margin-top: 1.133rem;
position: relative;
}
.mGradeTitle{
text-align: center;
font-size: 0.4rem;
width: 100%;
color:#A6E5FF;
margin: 0 auto;
padding-bottom: 0.666rem;
}
.mGradeTitle img{
width: 1.213rem;
height: 0.106rem;
vertical-align: middle;
margin-top: -.05rem;
}
.mGradeTitle font{
margin: 0 0.2rem;
}
.mGradeBox{
width: 9.4rem;
height: 8.413rem;
margin: 0.666rem auto 0;
background-color: #0B1524;
border: 0.026rem solid #278F95;
box-shadow: 0 0 0.733rem #296680 inset;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
}
.mGradeCon{
width: 100%;
height: 7.8rem;
margin: 0.18rem auto 0;
}
.mGradeBox .mGradeDetail1{
width:50%;
}
.mGradeDetail1{
display: inline-block;
}
.mGradeCon .mGradeImg1{
width: 2.893rem;
height: 6.48rem;
}
.mGradeDetail1 p,.mGradeDetail2 p{
font-size: 0;
padding-bottom: 0.586rem;
}
.mGradeDetail1 p span,.mGradeDetail2 p span{
display: inline-block;
font-size: 0.31rem;
color:#ACADB0;
text-indent: 0.4rem;
width: 45%;
}
.mGradeDetail2 p span{
width: 50%;
}
.mGradeDetail1 p span:nth-child(2),.mGradeDetail2 p span:nth-child(2){
text-indent: 0;
}
.mGradeBox1{
background: url(../images/vip1_20.png) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 8.413rem;
margin: 0 auto;
}
.mGradeBox2{
background: url(../images/vip21_40.png) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 8.413rem;
margin: 0 auto;
}
.mGradeBox3{
background: url(../images/vip41_52.png) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 5.933rem;
margin: 0 auto;
}
.mGradeBox2 .mGradeCon,.mGradeBox3 .mGradeCon{
padding-top: 0;
}
.mGradeDetail2{
display: inline-block;
width: 4rem;
}
.mGradeCon .mGradeImg2{
width: 3.133rem;
height: 6.48rem;
}
.mGradeCon .mGradeImg3{
width: 3.253rem;
height: 6.493rem;
}
.mGradeCon .mGradeImg4{
width: 3.52rem;
height: 6.48rem;
}
.mGradeBox2{
margin-top: 0.466rem;
}
.mGradeCon .mGradeImg5{
width: 3.266rem;
height: 3.826rem;
}
.mGradeCon .mGradeImg6{
width: 3.76rem;
height: 3.84rem;
}
.mGradeBox3{
height: 5.933rem;
margin-top: 0.466rem;
}
.mGradeBox3 .mGradeCon{
height: 5.3rem;
}
.mBottom{
width: 10rem;
height: 3.906rem;
position: relative;
}
.mBottom img{
position: absolute;
width: 1.2rem;
height: 0.826rem;
left: 50%;
top: 1rem;
margin-left: -.6rem;
}
.mBottom p{
font-size: 0.32rem;
color:rgba(255,255,255,.3);
position: absolute;
left: 0;
top: 2.2rem;
width: 100%;
text-align: center;
}
.hide{
display: none;
}
.goVip{
position: absolute;
left: 1.6rem;
width: 2.7rem;
height: .7rem;
top: 10.7rem;
z-index: 1001;
}
mobile/vip/help/css/react.css 0 → 100644
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,font,em,i,b,strong,button{margin:0;padding:0;}
body{margin:0;font-family: simhei; overflow:visible; color:#666666;}
html, body { height: 100%;}
img{border:0;}
\ No newline at end of file
mobile/vip/help/css/style.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
mobile/vip/help/layer-v3.1.0/layer.css 0 → 100644
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
mobile/vip/help/layer-v3.1.0/layer/mobile/layer.js 0 → 100644
/*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
\ No newline at end of file
mobile/vip/help/layer-v3.1.0/layer/mobile/need/layer.css 0 → 100644
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
mobile/vip/help/lib/fsize.js 0 → 100644
/*function setRemFontSize(baseSize, baseWidth) {
var baseSize = baseSize || 37.5,
baseWidth = baseWidth || 375,
clientWidth = document.documentElement.clientWidth <= 480 ? document.documentElement.clientWidth : 480;
document.getElementsByTagName('html')[0].style.fontSize = clientWidth * baseSize / baseWidth + 'px'
}
setRemFontSize();
window.addEventListener("resize", function() {
setTimeout(function() {
setRemFontSize();
}, 200)
});*/
!function(e,t){function i(){var t=n.getBoundingClientRect().width;t/m>540&&(t=540*m);var i=t/10;n.style.fontSize=i+"px",d.rem=e.rem=i}var a,r=e.document,n=r.documentElement,o=r.querySelector('meta[name="viewport"]'),l=r.querySelector('meta[name="flexible"]'),m=0,s=0,d=t.flexible||(t.flexible={});if(o){console.warn("将根据已有的meta标签来设置缩放比例");var p=o.getAttribute("content").match(/initial\-scale=([\d\.]+)/);p&&(s=parseFloat(p[1]),m=parseInt(1/s))}else if(l){var c=l.getAttribute("content");if(c){var u=c.match(/initial\-dpr=([\d\.]+)/),f=c.match(/maximum\-dpr=([\d\.]+)/);u&&(m=parseFloat(u[1]),s=parseFloat((1/m).toFixed(2))),f&&(m=parseFloat(f[1]),s=parseFloat((1/m).toFixed(2)))}}if(!m&&!s){var v=(e.navigator.appVersion.match(/android/gi),e.navigator.appVersion.match(/iphone/gi)),h=e.devicePixelRatio;m=v?h>=3&&(!m||m>=3)?3:h>=2&&(!m||m>=2)?2:1:1,s=1/m}if(n.setAttribute("data-dpr",m),!o)if(o=r.createElement("meta"),o.setAttribute("name","viewport"),o.setAttribute("content","initial-scale="+s+", maximum-scale="+s+", minimum-scale="+s+", user-scalable=no"),n.firstElementChild)n.firstElementChild.appendChild(o);else{var x=r.createElement("div");x.appendChild(o),r.write(x.innerHTML)}e.addEventListener("resize",function(){clearTimeout(a),a=setTimeout(i,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(a),a=setTimeout(i,300))},!1),"complete"===r.readyState?r.body.style.fontSize=12*m+"px":r.addEventListener("DOMContentLoaded",function(e){r.body.style.fontSize=12*m+"px"},!1),i(),d.dpr=e.dpr=m,d.refreshRem=i,d.rem2px=function(e){var t=parseFloat(e)*this.rem;return"string"==typeof e&&e.match(/rem$/)&&(t+="px"),t},d.px2rem=function(e){var t=parseFloat(e)/this.rem;return"string"==typeof e&&e.match(/px$/)&&(t+="rem"),t}}(window,window.lib||(window.lib={}));
\ No newline at end of file
mobile/vip/lib/circleChart.min.js 0 → 100644
!function(a){"use strict";a.fn.circleChart=function(b){const c={color:"#3459eb",backgroundColor:"#e6e6e6",background:!0,speed:2e3,widthRatio:.2,value:66,unit:"percent",counterclockwise:!1,size:110,startAngle:0,animate:!0,backgroundFix:!0,lineCap:"round",animation:"easeInOutCubic",text:!1,redraw:!1,cAngle:0,textCenter:!0,textSize:!1,textWeight:"normal",textFamily:"sans-serif",relativeTextSize:1/7,autoCss:!0,onDraw:!1};Math.linearTween=((a,b,c,d)=>c*a/d+b),Math.easeInQuad=((a,b,c,d)=>{a/=d;return c*a*a+b}),Math.easeOutQuad=((a,b,c,d)=>{a/=d;return-c*a*(a-2)+b}),Math.easeInOutQuad=((a,b,c,d)=>{a/=d/2;if(a<1)return c/2*a*a+b;a--;return-c/2*(a*(a-2)-1)+b}),Math.easeInCubic=((a,b,c,d)=>{a/=d;return c*a*a*a+b}),Math.easeOutCubic=((a,b,c,d)=>{a/=d;a--;return c*(a*a*a+1)+b}),Math.easeInOutCubic=((a,b,c,d)=>{a/=d/2;if(a<1)return c/2*a*a*a+b;a-=2;return c/2*(a*a*a+2)+b}),Math.easeInQuart=((a,b,c,d)=>{a/=d;return c*a*a*a*a+b}),Math.easeOutQuart=((a,b,c,d)=>{a/=d;a--;return-c*(a*a*a*a-1)+b}),Math.easeInOutQuart=((a,b,c,d)=>{a/=d/2;if(a<1)return c/2*a*a*a*a+b;a-=2;return-c/2*(a*a*a*a-2)+b}),Math.easeInQuint=((a,b,c,d)=>{a/=d;return c*a*a*a*a*a+b}),Math.easeOutQuint=((a,b,c,d)=>{a/=d;a--;return c*(a*a*a*a*a+1)+b}),Math.easeInOutQuint=((a,b,c,d)=>{a/=d/2;if(a<1)return c/2*a*a*a*a*a+b;a-=2;return c/2*(a*a*a*a*a+2)+b}),Math.easeInSine=((a,b,c,d)=>-c*Math.cos(a/d*(Math.PI/2))+c+b),Math.easeOutSine=((a,b,c,d)=>c*Math.sin(a/d*(Math.PI/2))+b),Math.easeInOutSine=((a,b,c,d)=>-c/2*(Math.cos(Math.PI*a/d)-1)+b),Math.easeInExpo=((a,b,c,d)=>c*Math.pow(2,10*(a/d-1))+b),Math.easeOutExpo=((a,b,c,d)=>c*(1-Math.pow(2,-10*a/d))+b),Math.easeInOutExpo=((a,b,c,d)=>{a/=d/2;if(a<1)return c/2*Math.pow(2,10*(a-1))+b;a--;return c/2*(2-Math.pow(2,-10*a))+b}),Math.easeInCirc=((a,b,c,d)=>{a/=d;return-c*(Math.sqrt(1-a*a)-1)+b}),Math.easeOutCubic=((a,b,c,d)=>{a/=d;a--;return c*(a*a*a+1)+b}),Math.easeInOutCubic=((a,b,c,d)=>{a/=d/2;if(a<1)return c/2*a*a*a+b;a-=2;return c/2*(a*a*a+2)+b}),Math.easeOutCirc=((a,b,c,d)=>{a/=d;a--;return c*Math.sqrt(1-a*a)+b}),Math.easeInOutCirc=((a,b,c,d)=>{a/=d/2;if(a<1)return-c/2*(Math.sqrt(1-a*a)-1)+b;a-=2;return c/2*(Math.sqrt(1-a*a)+1)+b});let d=(a,b,c,e,f,g,h,i)=>{let j=Object.create(d.prototype);j.pos=a;j.bAngle=b;j.eAngle=c;j.cAngle=e;j.radius=f;j.lineWidth=g;j.sAngle=h;j.settings=i;return j};d.prototype={onDraw(a){if(!1!==this.settings.onDraw){let c=Object.assign({},this);var b={percent:i,rad:a=>a,default:f};c.value=(b[this.settings.unit]||b.default)(c.cAngle),c.text=(b=>e(a,b)),c.settings.onDraw(a,c)}},drawBackground(a){a.beginPath(),a.arc(this.pos,this.pos,this.settings.backgroundFix?.9999*this.radius:this.radius,0,2*Math.PI),a.lineWidth=this.settings.backgroundFix?.95*this.lineWidth:this.lineWidth,a.strokeStyle=this.settings.backgroundColor,a.stroke()},draw(a){if(a.beginPath(),this.settings.counterclockwise){let b=2*Math.PI;a.arc(this.pos,this.pos,this.radius,b-this.bAngle,b-(this.bAngle+this.cAngle),this.settings.counterclockwise)}else a.arc(this.pos,this.pos,this.radius,this.bAngle,this.bAngle+this.cAngle,this.settings.counterclockwise);a.lineWidth=this.lineWidth,a.lineCap=this.settings.lineCap,a.strokeStyle=this.settings.color,a.stroke()},animate(a,b,c,d,e){let f=(new Date).getTime()-c;f<1&&(f=1),c-d<1.05*this.settings.speed&&(!e&&1e3*this.cAngle<=Math.floor(1e3*this.eAngle)||e&&1e3*this.cAngle>=Math.floor(1e3*this.eAngle))?(this.cAngle=Math[this.settings.animation]((c-d)/f,this.sAngle,this.eAngle-this.sAngle,this.settings.speed/f),b.clearRect(0,0,this.settings.size,this.settings.size),this.settings.background&&this.drawBackground(b),this.draw(b),this.onDraw(a),c=(new Date).getTime(),j(()=>this.animate(a,b,c,d,e))):(this.cAngle=this.eAngle,b.clearRect(0,0,this.settings.size,this.settings.size),this.settings.background&&this.drawBackground(b),this.draw(b),this.setCurrentAnglesData(a))},setCurrentAnglesData(a){var b={percent:i,rad:a=>a,default:f};let c=b[this.settings.unit]||b.default;a.data("current-c-angle",c(this.cAngle)),a.data("current-start-angle",c(this.bAngle))}};let e=(b,c)=>{b.data("text",c);a(".circleChart_text",b).html(c)},f=a=>a/Math.PI*180,g=a=>a/180*Math.PI,h=a=>g(a/100*360),i=a=>f(a)/360*100,j=(a=>window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(b){window.setTimeout(a,1e3/60)})();return this.each((e,f)=>{let i=a(f);var k={};var l=i.data();for(let a in l)l.hasOwnProperty(a)&&0===a.indexOf("_cache_")&&c.hasOwnProperty(a.substring(7))&&(k[a.substring(7)]=l[a]);let m=Object.assign({},c,k,l,b);for(let a in m)0!==a.indexOf("_cache_")&&i.data("_cache_"+a,m[a]);a("canvas.circleChart_canvas",i).length||i.append(function(){return a("<canvas/>",{class:"circleChart_canvas"}).prop({width:m.size,height:m.size}).css(m.autoCss?{"margin-left":"auto","margin-right":"auto",display:"block"}:{})});a("p.circleChart_text",i).length||!1!==m.text&&(i.append("<p class='circleChart_text'>"+m.text+"</p>"),m.autoCss&&(m.textCenter?a("p.circleChart_text",i).css({position:"absolute","line-height":m.size+"px",top:0,width:"100%",margin:0,padding:0,"text-align":"center","font-size":!1!==m.textSize?m.textSize:m.size*m.relativeTextSize,"font-weight":m.textWeight,"font-family":m.textFamily}):a("p.circleChart_text",i).css({"padding-top":"5px","text-align":"center","font-weight":m.textWeight,"font-family":m.textFamily,"font-size":!1!==m.textSize?m.textSize:m.size*m.relativeTextSize})));m.autoCss&&i.css("position","relative");m.redraw||(m.cAngle=m.currentCAngle?m.currentCAngle:m.cAngle,m.startAngle=m.currentStartAngle?m.currentStartAngle:m.startAngle);var n=a("canvas",i).get(0);var o=n.getContext("2d");var p={percent:h,rad:a=>a,default:g};let q=p[m.unit]||p.default;let r=q(m.startAngle);let s=q(m.value);let t=q(m.cAngle);var u=m.size/2;var v=u*(1-m.widthRatio/2);var w=v*m.widthRatio;var x=d(u,r,s,t,v,w,t,m);i.data("size",m.size);m.animate?0!==m.value?x.animate(i,o,(new Date).getTime(),(new Date).getTime(),t>s):j(()=>{o.clearRect(0,0,this.settings.size,this.settings.size);x.settings.background&&x.drawBackground(o)}):(x.cAngle=x.eAngle,j(()=>{m.background&&x.drawBackground(o);0!==m.value?(x.draw(o),x.onDraw(i),x.setCurrentAnglesData(i)):(o.clearRect(0,0,this.settings.size,this.settings.size),x.settings.background&&x.drawBackground(o))}))})}}(jQuery);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment