Skip to content

libai / footseen-large-website

Go to a project
Commit 6b3e400f by libai
Options

测试

parent e17a64ea
Inline Side-by-side
Showing with 88 additions and 7 deletions
mTest/room/css/liveRoom.css
...@@ -758,11 +758,46 @@ ...@@ -758,11 +758,46 @@
bottom: 3rem; bottom: 3rem;
} }
.room-bg { .room-bg {
width: 100vw; width: 10rem;
position: fixed; position: fixed;
top: 0rem; top: 0rem;
height: 99vh; height: 99vh;
overflow: hidden; }
.top-bg-box {
position: absolute;
top: -100vh;
width: 10rem;
height: 100vh;
background: rgba(0, 0, 0, 0.2);
}
.top-bg-box img {
position: absolute;
width: 20rem;
height: 20rem;
z-index: -1;
left: -5rem;
top: 50%;
margin-top: -10rem;
opacity: 0.5;
filter: blur(0.4rem);
}
.bottom-bg-box {
position: absolute;
width: 10rem;
height: 100vh;
top: 100vh;
background: rgba(0, 0, 0, 0.2);
}
.bottom-bg-box img {
position: absolute;
width: 20rem;
height: 20rem;
z-index: -1;
left: -5rem;
top: 50%;
margin-top: -10rem;
opacity: 0.5;
filter: blur(0.4rem);
} }
.layer-ios { .layer-ios {
display: none; display: none;
......
mTest/room/css/liveRoom.less
...@@ -783,13 +783,49 @@ ...@@ -783,13 +783,49 @@
bottom: 3rem; bottom: 3rem;
} }
.room-bg{ .room-bg{
width: 100vw; width: 10rem;
position: fixed; position: fixed;
top: 0rem; top: 0rem;
height: 99vh; height: 99vh;
overflow: hidden; // overflow: hidden;
// transition: 0.35s all; // transition: 0.35s all;
} }
.top-bg-box{
position: absolute;
top: -100vh;
width: 10rem;
height: 100vh;
background: rgba(0, 0, 0, 0.2);
img{
position: absolute;
width: 20rem;
height: 20rem;
z-index: -1;
left: -5rem;
top: 50%;
margin-top: -10rem;
opacity: 0.5;
filter: blur(0.4rem);
}
}
.bottom-bg-box{
position: absolute;
width: 10rem;
height: 100vh;
top: 100vh;
background: rgba(0, 0, 0, 0.2);
img{
position: absolute;
width: 20rem;
height: 20rem;
z-index: -1;
left: -5rem;
top: 50%;
margin-top: -10rem;
opacity: 0.5;
filter: blur(0.4rem);
}
}
.layer-ios{ .layer-ios{
display: none; display: none;
width: 7.3rem; width: 7.3rem;
......
mTest/room/liveRoom.html
...@@ -1174,26 +1174,33 @@ $(function(){ ...@@ -1174,26 +1174,33 @@ $(function(){
}, 500); }, 500);
return; return;
} }
var bottomNum
var topNum
for(var i=0;i<data.roomList.length;i++){ for(var i=0;i<data.roomList.length;i++){
var list=data.roomList[i] var list=data.roomList[i]
// list.roomId // list.roomId
if(list.roomId==sessionStorage.roomId){ if(list.roomId==sessionStorage.roomId){
if(i+1==data.roomList.length){ if(i+1==data.roomList.length){
BottomRoomId=data.roomList[0].roomId BottomRoomId=data.roomList[0].roomId
bottomNum=0
}else{ }else{
BottomRoomId=data.roomList[i+1].roomId BottomRoomId=data.roomList[i+1].roomId
bottomNum=(i+1)
} }
if(i==0){ if(i==0){
topRoomId=data.roomList[data.roomList.length-1].roomId topRoomId=data.roomList[data.roomList.length-1].roomId
topNum=data.roomList.length-1
}else{ }else{
topRoomId=data.roomList[i-1].roomId topRoomId=data.roomList[i-1].roomId
topNum=(i-1)
} }
if(data.roomList.length==1){ if(data.roomList.length==1){
topRoomId=list.roomId topRoomId=list.roomId
BottomRoomId=list.roomId BottomRoomId=list.roomId
bottomNum=0
topNum=0
} }
} }
...@@ -1202,8 +1209,11 @@ $(function(){ ...@@ -1202,8 +1209,11 @@ $(function(){
topRoomId=data.roomList[0].roomId topRoomId=data.roomList[0].roomId
BottomRoomId=data.roomList[1].roomId BottomRoomId=data.roomList[1].roomId
} }
var html=[];
html+='<div class="top-bg-box"> <img src="https://zhibocdn.yabolive.net/comm'+data.roomList[topNum].face+'?x-oss-process=image/resize,w_350"> </div>';
html+='<div class="bottom-bg-box"> <img src="https://zhibocdn.yabolive.net/comm'+data.roomList[bottomNum].face+'?x-oss-process=image/resize,w_350"> </div>';
$(".room-bg").append(html)
} }
}) })
} }
......
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