Skip to content

libai / footseen-large-website

Go to a project
Commit 0ebdd539 by libai
Options

测试

parent cdf04c08
Inline Side-by-side
Showing with 252 additions and 30 deletions
mTest/css/index.css
......@@ -20,6 +20,59 @@
right: 0;
top: 0;
}
.layer-tips {
width: 8.4rem;
height: 14.57rem;
background: url(../images/layer-tips.png) no-repeat;
background-size: 100% 100%;
position: relative;
display: none;
}
.layer-tips-close {
width: 0.8rem;
height: 0.8rem;
position: absolute;
right: 0.1rem;
top: 0.1rem;
}
.layer-tips-btn {
width: 6rem;
height: 1rem;
position: absolute;
bottom: 0.9rem;
left: 1.1rem;
}
.top-box {
height: 1.2rem;
width: 10rem;
background: linear-gradient(to right, #EB3588, #EA34BD);
position: fixed;
left: 0;
top: 0;
}
.top-box-ul li {
height: 1.2rem;
width: 1.9rem;
float: left;
text-align: center;
font-size: 0.4rem;
color: #FFAFF2;
line-height: 1.1rem;
font-weight: 700;
}
.top-box-ul li .click-img {
display: none;
position: absolute;
width: 0.44rem;
top: 0.9rem;
left: 0.75rem;
}
.top-box-ul .top-box-li-click {
color: #fff;
}
.top-box-ul .top-box-li-click .click-img {
display: block;
}
.top-nav {
width: 10.8rem;
height: 3.25rem;
......@@ -164,6 +217,18 @@
float: left;
font-size: 0;
text-align: center;
position: relative;
}
.bottom-nav > div p {
font-size: 0.3rem;
width: 2.5rem;
position: absolute;
bottom: -0.37rem;
left: 0;
color: #969696;
}
.bottom-nav > div .bottom-p-click {
color: #EF3A8F;
}
.bottom-nav > div .bottom-nav-img1 {
transition: 0.35s all;
......@@ -174,6 +239,9 @@
margin: 0 auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
.bottom-nav > div .bottom-nav-img2 {
transition: 0.35s all;
......@@ -184,6 +252,9 @@
margin: 0 auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
.bottom-nav > div .bottom-nav-img3 {
transition: 0.35s all;
......@@ -194,6 +265,9 @@
margin: 0 auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
.bottom-nav > div .bottom-nav-img4 {
transition: 0.35s all;
......@@ -204,6 +278,9 @@
margin: 0 auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
.bottom-nav > div .bottom-nav-img1-click {
background: url(../images/nav-icon1-click.png) no-repeat;
......
mTest/css/index.less
......@@ -21,6 +21,63 @@
top: 0;
}
}
.layer-tips{
width: 8.4rem;
height: 14.57rem;
background: url(../images/layer-tips.png)no-repeat;
background-size: 100% 100%;
position: relative;
display: none;
}
.layer-tips-close{
width: 0.8rem;
height: 0.8rem;
position: absolute;
right: 0.1rem;
top: 0.1rem;
}
.layer-tips-btn{
width: 6rem;
height: 1rem;
position: absolute;
bottom: 0.9rem;
left: 1.1rem;
}
.top-box{
height: 1.2rem;
width: 10rem;
background:linear-gradient(to right,#EB3588,#EA34BD);
position: fixed;
left: 0;
top: 0;
}
.top-box-ul{
li{
height: 1.2rem;
width: 1.9rem;
float: left;
text-align: center;
font-size: 0.4rem;
color: #FFAFF2;
line-height: 1.1rem;
font-weight: 700;
.click-img{
display: none;
position: absolute;
width: 0.44rem;
top: 0.9rem;
left: 0.75rem;
}
}
.top-box-li-click{
color: #fff;
.click-img{
display: block;
}
}
}
.top-nav{
width: 10.8rem;
height: 3.25rem;
......@@ -169,6 +226,18 @@
float: left;
font-size: 0;
text-align: center;
position: relative;
p{
font-size: 0.3rem;
width: 2.5rem;
position: absolute;
bottom: -0.37rem;
left: 0;
color: #969696;
}
.bottom-p-click{
color: #EF3A8F;
}
.bottom-nav-img1{
transition: 0.35s all;
width: 0.62rem;
......@@ -178,6 +247,9 @@
margin: 0 auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
.bottom-nav-img2{
transition: 0.35s all;
......@@ -188,6 +260,9 @@
margin: 0 auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
.bottom-nav-img3{
transition: 0.35s all;
......@@ -198,6 +273,9 @@
margin: 0 auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
.bottom-nav-img4{
transition: 0.35s all;
......@@ -208,6 +286,9 @@
margin: 0 auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
.bottom-nav-img1-click{
background: url(../images/nav-icon1-click.png)no-repeat;
......
mTest/index.html
......@@ -68,6 +68,10 @@
</style>
</head>
<body style="background: #d9d9d9">
<div class="layer-tips">
<div class="layer-tips-close"></div>
<div class="layer-tips-btn"></div>
</div>
<div class="layer-ios">
<div class="layer-ios-close"></div>
</div>
......@@ -75,21 +79,29 @@
<div class="add-button-close"></div>
</button>
<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="bottom-nav-img1 bottom-nav-img1-click"></div><p class="bottom-p-click">首頁</p></div>
<div><div class="bottom-nav-img2"></div><p>約會</p></div>
<div><div class="bottom-nav-img4"></div><p>追蹤</p></div>
<div><div class="bottom-nav-img3"></div><p>我的</p></div>
</div>
<div class="nav-shadow"></div>
<div class="phone-bg">
<div class="box1">
<div class="top-nav">
<!-- <div class="top-nav">
<div class="nav-btn">
<div class="nav-click"><span class="txt1">直播</span><img class="click-img" src="images/click.png" alt="激情美女影片"></div>
<div><a style="color: #FFABEE;" href="videoPage.html"><span class="txt2">影片</span></a><img class="click-img" src="images/click.png" alt="絲足"></div>
</div>
</div> -->
<div class="top-box">
<ul class="top-box-ul">
<li class="top-box-li-click">直播 <img class="click-img" src="images/click.png" alt=""></li>
<li>影片</li>
</ul>
<div class="">登錄/</div>
</div>
<div style="height: 1.5rem;"></div>
<ul class="live-ul clearfix">
<!-- <li>
<img class="secret" src="images/secret-no.png" alt="">
......@@ -396,8 +408,22 @@ $(function(){
$(".right-nav").css("height",$(document).height())
var noUser=false;
sessionStorage.lookNum=0
//用户是否第一次进入
if(localStorage.oneGoing==undefined){
localStorage.oneGoing=1
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["8.4rem", "14.57rem"],
content: $(".layer-tips"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}
//用户是否登录
if(localStorage.uid!==undefined&&localStorage.uid!="undefined"){
userInfo()
......@@ -411,11 +437,13 @@ $(function(){
$(".zone-top-btn").on("click",function(){
window.location.href="revise.html"
})
$(".layer-ios-close").on("click",function(){
$(".layer-ios-close,.layer-tips-close,.layer-tips-btn").on("click",function(){
layer.closeAll()
})
$(".bottom-nav-img1").on("click",function(){
$("body").css("background","rgb(217, 217, 217)")
$(".bottom-nav >div >p").removeClass("bottom-p-click")
$(this).siblings("p").addClass("bottom-p-click")
$(".box2").hide()
$(".box3").hide()
$(".box4").hide()
......@@ -433,6 +461,8 @@ $(function(){
loginPage()
return
}
$(".bottom-nav >div >p").removeClass("bottom-p-click")
$(this).siblings("p").addClass("bottom-p-click")
$("body").css("background","rgb(217, 217, 217)")
likeList()
$(".box1").hide()
......@@ -446,12 +476,14 @@ $(function(){
$(".bottom-nav-img2").addClass("bottom-nav-img2-click")
})
$(".bottom-nav-img3").on("click",function(){
if(localStorage.uid==undefined){
$(".nav-shadow").show()
loginPage()
// if(localStorage.uid==undefined){
// $(".nav-shadow").show()
// loginPage()
return
}
// return
// }
// $("bottom-nav >div >p").removeClass("bottom-p-click")
// $(this).siblings("p").addClass("bottom-p-click")
$(".right-nav").css("right","0rem")
rightNavShow=true;
$(".nav-shadow").show()
......@@ -468,7 +500,10 @@ $(function(){
// zoneList()
})
$(".bottom-nav-img4").on("click",function(){
$(".bottom-nav >div >p").removeClass("bottom-p-click")
$(this).siblings("p").addClass("bottom-p-click")
$("body").css("background","#fff")
$(".box1").hide()
$(".box2").hide()
$(".box4").hide()
......@@ -479,7 +514,24 @@ $(function(){
$(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
$(".bottom-nav-img4").addClass("bottom-nav-img4-click")
$(".down-btn").on("click",function(){
var ua = window.navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["7.3rem", "12.24rem"],
content: $(".layer-ios"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}else{
window.location.href="https://bgps2.yazhai.co/footseexyz/apk/ftsBH5SY.apk"
}
})
})
$(".box2 .search-icon").on("click",function(){
......
mTest/room/css/liveRoom.css
......@@ -16,6 +16,10 @@
position: relative;
top: 0.1rem;
left: 0.2rem;
display: none;
}
.room-mc-box2 {
width: 3rem;
}
.room-mc-face {
width: 0.76rem;
......@@ -29,7 +33,7 @@
.room-mc-name {
font-size: 0.3rem;
height: 0.4rem;
width: 3rem;
width: 2.8rem;
color: #FFFFFF;
text-indent: 0.9rem;
padding-top: 0.03rem;
......@@ -44,7 +48,7 @@
top: 0.19rem;
}
.room-rich-num {
width: 3rem;
width: 2.8rem;
font-size: 0.3rem;
position: relative;
top: -0.03rem;
......@@ -59,14 +63,14 @@
margin-top: -0.05rem;
}
.room-user-list {
width: 3.1rem;
width: 5rem;
height: 0.8rem;
position: absolute;
right: 0;
top: 0.15rem;
}
.room-user-ul-box {
width: 2rem;
width: 4rem;
height: 0.8rem;
overflow-x: scroll;
}
......@@ -218,7 +222,7 @@
position: fixed;
bottom: -9.1rem;
left: 0;
background: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.95);
border-radius: 0.2rem 0.2rem 0 0;
z-index: 800;
transition: 0.3s all;
......@@ -325,7 +329,7 @@
position: fixed;
bottom: -9.1rem;
left: 0;
background: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.95);
border-radius: 0.2rem 0.2rem 0 0;
z-index: 800;
}
......
mTest/room/css/liveRoom.less
......@@ -17,6 +17,11 @@
position: relative;
top: 0.1rem;
left: 0.2rem;
display: none;
// transition: 0.3s all;
}
.room-mc-box2{
width: 3rem;
}
.room-mc-face{
width: 0.76rem;
......@@ -30,7 +35,7 @@
.room-mc-name{
font-size: 0.3rem;
height: 0.4rem;
width: 3rem;
width: 2.8rem;
color: #FFFFFF;
text-indent: 0.9rem;
padding-top: 0.03rem;
......@@ -51,7 +56,7 @@
margin-right: 0.08rem;
margin-top: -0.05rem;
}
width: 3rem;
width: 2.8rem;
font-size: 0.3rem;
position: relative;
top: -0.03rem;
......@@ -60,7 +65,7 @@
transform: scale(0.9);
}
.room-user-list{
width: 3.1rem;
width: 5rem;
height: 0.8rem;
position: absolute;
......@@ -68,7 +73,7 @@
top: 0.15rem;
}
.room-user-ul-box{
width: 2rem;
width: 4rem;
height: 0.8rem;
overflow-x: scroll;
}
......@@ -225,7 +230,7 @@
position: fixed;
bottom: -9.1rem;
left: 0;
background: rgba(255,255,255,0.9);
background: rgba(255,255,255,0.95);
border-radius: 0.2rem 0.2rem 0 0;
z-index: 800;
transition: 0.3s all;
......@@ -334,7 +339,7 @@
position: fixed;
bottom: -9.1rem;
left: 0;
background: rgba(255,255,255,0.9);
background: rgba(255,255,255,0.95);
border-radius: 0.2rem 0.2rem 0 0;
z-index: 800;
}
......
mTest/room/liveRoom.html
......@@ -132,7 +132,7 @@
<div class="touch-box"></div>
<div class="layer-shadow"></div>
<div style="display: none;" class="mc-out-box">
<img class="room-close" src="images/close.png" alt="">
<a href="javascript:history.back(-1);"><img class="room-close" src="images/close.png" alt=""></a>
<div class="room-out-shadow"></div>
<div class="mc-out-mcBox">
<!-- <img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
......@@ -159,7 +159,7 @@
</div>
</div>
<div style="display: none;" class="room-secret">
<img class="room-close" src="images/close.png" alt="">
<a href="javascript:history.back(-1);"><img class="room-close" src="images/close.png" alt=""></a>
<div class="room-secret-mc">
<!-- <img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_100" alt="">
<p>主播昵称预留</p> -->
......@@ -192,7 +192,7 @@
</ul>
</div>
<img class="room-close" src="images/close.png" alt="">
<a href="javascript:history.back(-1);"><img class="room-close" src="images/close.png" alt=""></a>
</div>
<div class="rich-tips-box">
<div class="room-hot-box"><img src="images/fire.png" alt=""><span>--</span></div>
......@@ -833,7 +833,8 @@ $(function(){
html+='<p class="room-mc-name">'+data.room.nickName+'</p>';
html+='<div class="room-rich-num"><img src="images/man.png" alt="">'+data.room.lookSum+'</div>';
if(data.room.isLike==0)html+='<img class="like-icon" data-type="'+data.room.uid+'" src="images/like-icon.png" alt="">';
$(".room-mc-box").html(html);
$(".room-mc-box").html(html).show();
if(data.room.isLike!=0)$(".room-mc-box").addClass("room-mc-box2")
$(".hot-list-box").html('<img src="images/hot-icon.png" alt=""><i>'+data.room.hotResult.score+'</i> <span>&gt;</span>')
$(".room-hot-box span").text(data.roomOtherInfo.charm)
$(".room-mc-face").unbind("click").on("click",function(){
......@@ -872,6 +873,8 @@ $(function(){
if(data.code==1){
_self.hide()
layer.msg('關注成功')
$(".room-mc-box").css("transition","0.3s all")
$(".room-mc-box").addClass("room-mc-box2")
}else{
layer.msg(data.msg)
}
......@@ -1019,7 +1022,7 @@ $(function(){
msgSend($(".keyboard-input").val())
})
$(".room-close").on("click",function(){
window.location.href="../index.html?v=2022112301"
// window.location.href="../index.html?v=2022112301"
})
$(".exc-layer .exc-btn").on("click",function(){
$.ajax({
......
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