Skip to content

libai / footseen-large-website

Go to a project
Commit dcb5263e by libai
Options

测试

parent 21b12bbc
Inline Side-by-side
Showing with 187 additions and 12 deletions
mTest/css/index.css
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
background: #FFFFFF; background: #FFFFFF;
} }
.bottom-nav > div { .bottom-nav > div {
width: 33.33%; width: 25%;
height: 1.2rem; height: 1.2rem;
float: left; float: left;
font-size: 0; font-size: 0;
...@@ -179,6 +179,16 @@ ...@@ -179,6 +179,16 @@
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.bottom-nav > div .bottom-nav-img4 {
transition: 0.35s all;
width: 0.82rem;
height: 0.66rem;
background: url(../images/nav-icon4.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
display: inline-block;
vertical-align: middle;
}
.bottom-nav > div .bottom-nav-img1-click { .bottom-nav > div .bottom-nav-img1-click {
background: url(../images/nav-icon1-click.png) no-repeat; background: url(../images/nav-icon1-click.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
...@@ -191,6 +201,10 @@ ...@@ -191,6 +201,10 @@
background: url(../images/nav-icon3-click.png) no-repeat; background: url(../images/nav-icon3-click.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.bottom-nav > div .bottom-nav-img4-click {
background: url(../images/nav-icon4-click.png) no-repeat;
background-size: 100% 100%;
}
.right-nav { .right-nav {
width: 7.8rem; width: 7.8rem;
height: 100vh; height: 100vh;
...@@ -1053,3 +1067,50 @@ ...@@ -1053,3 +1067,50 @@
.revise-input-box { .revise-input-box {
height: 0.9rem; height: 0.9rem;
} }
.down-bg {
position: relative;
width: 10rem;
height: 19.66rem;
background: url(../images/down-bg.png) no-repeat;
background-size: 100% 100%;
background-position-y: -1.5rem;
}
.down-txt1 {
width: 5.72rem;
height: 1.04rem;
background: url(../images/down-txt1.png) no-repeat;
background-size: 100% 100%;
position: absolute;
margin-left: -2.86rem;
left: 50%;
top: 0.5rem;
}
.down-txt2 {
width: 5.24rem;
height: 0.52rem;
background: url(../images/down-txt2.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
margin-left: -2.62rem;
top: 14.5rem;
}
.down-btn {
width: 6.18rem;
height: 1.34rem;
background: url(../images/down-btn.png) no-repeat;
background-size: 100% 100%;
left: 50%;
margin-left: -3.09rem;
position: absolute;
top: 15.5rem;
}
.right-list-box-face span {
position: absolute;
font-size: 0.5rem;
right: 0.3rem;
top: 0rem;
transform: scaleY(1.8);
color: #999;
font-weight: 400;
}
mTest/css/index.less
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
z-index: 580; z-index: 580;
background: #FFFFFF; background: #FFFFFF;
>div{ >div{
width: 33.33%; width: 25%;
height: 1.2rem; height: 1.2rem;
line-height: 1.2rem; line-height: 1.2rem;
float: left; float: left;
...@@ -184,6 +184,16 @@ ...@@ -184,6 +184,16 @@
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.bottom-nav-img4{
transition: 0.35s all;
width: 0.82rem;
height: 0.66rem;
background: url(../images/nav-icon4.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
display: inline-block;
vertical-align: middle;
}
.bottom-nav-img1-click{ .bottom-nav-img1-click{
background: url(../images/nav-icon1-click.png)no-repeat; background: url(../images/nav-icon1-click.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
...@@ -196,6 +206,10 @@ ...@@ -196,6 +206,10 @@
background: url(../images/nav-icon3-click.png)no-repeat; background: url(../images/nav-icon3-click.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.bottom-nav-img4-click{
background: url(../images/nav-icon4-click.png)no-repeat;
background-size: 100% 100%;
}
} }
} }
.right-nav{ .right-nav{
...@@ -1085,4 +1099,53 @@ ...@@ -1085,4 +1099,53 @@
} }
.revise-input-box{ .revise-input-box{
}
.down-bg{
position: relative;
width: 10rem;
height: 19.66rem;
background: url(../images/down-bg.png)no-repeat;
background-size: 100% 100%;
background-position-y: -1.5rem;
}
.down-txt1{
width: 5.72rem;
height: 1.04rem;
background: url(../images/down-txt1.png)no-repeat;
background-size: 100% 100%;
position: absolute;
margin-left: -2.86rem;
left: 50%;
top: 0.5rem;
}
.down-txt2{
width: 5.24rem;
height: 0.52rem;
background: url(../images/down-txt2.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
margin-left: -2.62rem;
top: 14.5rem;
}
.down-btn{
width: 6.18rem;
height: 1.34rem;
background: url(../images/down-btn.png)no-repeat;
background-size: 100% 100%;
left: 50%;
margin-left: -3.09rem;
position: absolute;
top: 15.5rem;
}
.right-list-box-face{
span{
position: absolute;
font-size: 0.5rem;
right: 0.3rem;
top: 0rem;
transform: scaleY(1.8);
color: #999;
font-weight: 400;
}
} }
\ No newline at end of file
mTest/index.html
...@@ -34,8 +34,8 @@ ...@@ -34,8 +34,8 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css?v=2022111701"> <link rel="stylesheet" href="css/base.css?v=2022111701">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2022111801"> <link rel="stylesheet" href="css/index.css?v=2022111809">
<link rel="stylesheet" href="css/login.css?v=2022111801"> <link rel="stylesheet" href="css/login.css?v=2022111809">
<script src="https://accounts.google.com/gsi/client" async defer></script> <script src="https://accounts.google.com/gsi/client" async defer></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
...@@ -68,7 +68,9 @@ ...@@ -68,7 +68,9 @@
<div class="bottom-nav"> <div class="bottom-nav">
<div><div class="bottom-nav-img1 bottom-nav-img1-click"></div></div> <div><div class="bottom-nav-img1 bottom-nav-img1-click"></div></div>
<div><div class="bottom-nav-img2"></div></div> <div><div class="bottom-nav-img2"></div></div>
<div><div class="bottom-nav-img4"></div></div>
<div><div class="bottom-nav-img3"></div></div> <div><div class="bottom-nav-img3"></div></div>
</div> </div>
<div class="nav-shadow"></div> <div class="nav-shadow"></div>
<div class="phone-bg"> <div class="phone-bg">
...@@ -209,7 +211,13 @@ ...@@ -209,7 +211,13 @@
<div style="height:1.5rem"></div> <div style="height:1.5rem"></div>
</div> </div>
</div> </div>
<div style="display: none;" class="box5">
<div class="down-bg">
<div class="down-txt1"></div>
<div class="down-txt2"></div>
<div class="down-btn"></div>
</div>
</div>
</div> </div>
<div class="login-box"> <div class="login-box">
...@@ -399,12 +407,15 @@ $(function(){ ...@@ -399,12 +407,15 @@ $(function(){
window.location.href="revise.html" window.location.href="revise.html"
}) })
$(".bottom-nav-img1").on("click",function(){ $(".bottom-nav-img1").on("click",function(){
$("body").css("background","rgb(217, 217, 217)")
$(".box2").hide() $(".box2").hide()
$(".box3").hide() $(".box3").hide()
$(".box4").hide() $(".box4").hide()
$(".box5").hide()
$(".box1").fadeIn(350) $(".box1").fadeIn(350)
$(".bottom-nav-img2").removeClass("bottom-nav-img2-click") $(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
$(".bottom-nav-img3").removeClass("bottom-nav-img3-click") $(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
$(".bottom-nav-img4").removeClass("bottom-nav-img4-click")
$(".bottom-nav-img1").addClass("bottom-nav-img1-click") $(".bottom-nav-img1").addClass("bottom-nav-img1-click")
}) })
...@@ -414,13 +425,16 @@ $(function(){ ...@@ -414,13 +425,16 @@ $(function(){
$(".nav-shadow").show() $(".nav-shadow").show()
return return
} }
$("body").css("background","rgb(217, 217, 217)")
likeList() likeList()
$(".box1").hide() $(".box1").hide()
$(".box3").hide() $(".box3").hide()
$(".box4").hide() $(".box4").hide()
$(".box5").hide()
$(".box2").fadeIn(350) $(".box2").fadeIn(350)
$(".bottom-nav-img1").removeClass("bottom-nav-img1-click") $(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
$(".bottom-nav-img3").removeClass("bottom-nav-img3-click") $(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
$(".bottom-nav-img4").removeClass("bottom-nav-img4-click")
$(".bottom-nav-img2").addClass("bottom-nav-img2-click") $(".bottom-nav-img2").addClass("bottom-nav-img2-click")
}) })
$(".bottom-nav-img3").on("click",function(){ $(".bottom-nav-img3").on("click",function(){
...@@ -429,14 +443,35 @@ $(function(){ ...@@ -429,14 +443,35 @@ $(function(){
$(".nav-shadow").show() $(".nav-shadow").show()
return return
} }
$(".right-nav").css("right","0rem")
rightNavShow=true;
$(".nav-shadow").show()
// $("body").css("background","rgb(217, 217, 217)")
// $(".box1").hide()
// $(".box2").hide()
// $(".box4").hide()
// $(".box5").hide()
// $(".box3").fadeIn(350)
// $(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
// $(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
// $(".bottom-nav-img4").removeClass("bottom-nav-img4-click")
// $(".bottom-nav-img3").addClass("bottom-nav-img3-click")
// zoneList()
})
$(".bottom-nav-img4").on("click",function(){
$("body").css("background","#fff")
$(".box1").hide() $(".box1").hide()
$(".box2").hide() $(".box2").hide()
$(".box4").hide() $(".box4").hide()
$(".box3").fadeIn(350) $(".box3").hide()
$(".box5").show()
$(".bottom-nav-img1").removeClass("bottom-nav-img1-click") $(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
$(".bottom-nav-img2").removeClass("bottom-nav-img2-click") $(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
$(".bottom-nav-img3").addClass("bottom-nav-img3-click") $(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
zoneList() $(".bottom-nav-img4").addClass("bottom-nav-img4-click")
$(".down-btn").on("click",function(){
window.location.href="https://bgps2.yazhai.co/footseexyz/apk/ftsBH5SY.apk"
})
}) })
$(".box2 .search-icon").on("click",function(){ $(".box2 .search-icon").on("click",function(){
$(".box1").hide() $(".box1").hide()
...@@ -545,7 +580,7 @@ $(function(){ ...@@ -545,7 +580,7 @@ $(function(){
} }
$(".zone-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.userData.face+"?x-oss-process=image/resize,w_100") $(".zone-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.userData.face+"?x-oss-process=image/resize,w_100")
var html=[]; var html=[];
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></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">儲值 <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">儲值 <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-ref">刷新</div>' html+='<div class="right-list-box right-list-box-ref">刷新</div>'
html+='<div class="right-list-box right-list-box-out">登出</div>' html+='<div class="right-list-box right-list-box-out">登出</div>'
...@@ -562,6 +597,22 @@ $(function(){ ...@@ -562,6 +597,22 @@ $(function(){
}, 1000); }, 1000);
return; return;
}) })
$(".right-list-box-face").unbind("click").on("click",function(){
$("body").css("background","rgb(217, 217, 217)")
$(".box1").hide()
$(".box2").hide()
$(".box4").hide()
$(".box5").hide()
$(".box3").fadeIn(350)
$(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
$(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
$(".bottom-nav-img4").removeClass("bottom-nav-img4-click")
$(".bottom-nav-img3").addClass("bottom-nav-img3-click")
zoneList()
$(".right-nav").css("right","-8rem")
rightNavShow=false
$(".nav-shadow").hide()
})
} }
}) })
......
mTest/room/css/liveRoom.less
...@@ -1679,4 +1679,4 @@ ...@@ -1679,4 +1679,4 @@
margin-top: -10rem; margin-top: -10rem;
opacity: 0.5; opacity: 0.5;
filter: blur(0.4rem); filter: blur(0.4rem);
} }
\ No newline at end of file
mTest/room/liveRoom.html
...@@ -421,7 +421,7 @@ ...@@ -421,7 +421,7 @@
<span class="login-close">×</span> <span class="login-close">×</span>
<div class="login-p1">登入/註冊</div> <div class="login-p1">登入/註冊</div>
<div class="login-phone-btn"><img src="../images/phone-icon2.png">Phone</div> <div class="login-phone-btn"><img src="../images/phone-icon2.png">Phone</div>
<div class="login-google-btn"><img src="../images/google1.png"><img src="../images/google1.png">Google<div id="buttonDiv"></div></div> <div class="login-google-btn"><img src="images/google1.png">Google<div id="buttonDiv-big"></div></div>
<div class="login-line"></div> <div class="login-line"></div>
<div class="login-line-text">其他方式登入</div> <div class="login-line-text">其他方式登入</div>
<ul class="login-more-btn"> <ul class="login-more-btn">
......
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