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 @@
background: #FFFFFF;
}
.bottom-nav > div {
width: 33.33%;
width: 25%;
height: 1.2rem;
float: left;
font-size: 0;
......@@ -179,6 +179,16 @@
display: inline-block;
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 {
background: url(../images/nav-icon1-click.png) no-repeat;
background-size: 100% 100%;
......@@ -191,6 +201,10 @@
background: url(../images/nav-icon3-click.png) no-repeat;
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 {
width: 7.8rem;
height: 100vh;
......@@ -1053,3 +1067,50 @@
.revise-input-box {
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 @@
z-index: 580;
background: #FFFFFF;
>div{
width: 33.33%;
width: 25%;
height: 1.2rem;
line-height: 1.2rem;
float: left;
......@@ -184,6 +184,16 @@
display: inline-block;
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{
background: url(../images/nav-icon1-click.png)no-repeat;
background-size: 100% 100%;
......@@ -196,6 +206,10 @@
background: url(../images/nav-icon3-click.png)no-repeat;
background-size: 100% 100%;
}
.bottom-nav-img4-click{
background: url(../images/nav-icon4-click.png)no-repeat;
background-size: 100% 100%;
}
}
}
.right-nav{
......@@ -1085,4 +1099,53 @@
}
.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 @@
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css?v=2022111701">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2022111801">
<link rel="stylesheet" href="css/login.css?v=2022111801">
<link rel="stylesheet" href="css/index.css?v=2022111809">
<link rel="stylesheet" href="css/login.css?v=2022111809">
<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>
......@@ -68,7 +68,9 @@
<div class="bottom-nav">
<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-img4"></div></div>
<div><div class="bottom-nav-img3"></div></div>
</div>
<div class="nav-shadow"></div>
<div class="phone-bg">
......@@ -209,7 +211,13 @@
<div style="height:1.5rem"></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 class="login-box">
......@@ -399,12 +407,15 @@ $(function(){
window.location.href="revise.html"
})
$(".bottom-nav-img1").on("click",function(){
$("body").css("background","rgb(217, 217, 217)")
$(".box2").hide()
$(".box3").hide()
$(".box4").hide()
$(".box5").hide()
$(".box1").fadeIn(350)
$(".bottom-nav-img2").removeClass("bottom-nav-img2-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")
})
......@@ -414,13 +425,16 @@ $(function(){
$(".nav-shadow").show()
return
}
$("body").css("background","rgb(217, 217, 217)")
likeList()
$(".box1").hide()
$(".box3").hide()
$(".box4").hide()
$(".box5").hide()
$(".box2").fadeIn(350)
$(".bottom-nav-img1").removeClass("bottom-nav-img1-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-img3").on("click",function(){
......@@ -429,14 +443,35 @@ $(function(){
$(".nav-shadow").show()
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()
$(".box2").hide()
$(".box4").hide()
$(".box3").fadeIn(350)
$(".box3").hide()
$(".box5").show()
$(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
$(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
$(".bottom-nav-img3").addClass("bottom-nav-img3-click")
zoneList()
$(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
$(".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(){
$(".box1").hide()
......@@ -545,7 +580,7 @@ $(function(){
}
$(".zone-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.userData.face+"?x-oss-process=image/resize,w_100")
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-ref">刷新</div>'
html+='<div class="right-list-box right-list-box-out">登出</div>'
......@@ -562,6 +597,22 @@ $(function(){
}, 1000);
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 @@
margin-top: -10rem;
opacity: 0.5;
filter: blur(0.4rem);
}
\ No newline at end of file
}
mTest/room/liveRoom.html
......@@ -421,7 +421,7 @@
<span class="login-close">×</span>
<div class="login-p1">登入/註冊</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-text">其他方式登入</div>
<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