Skip to content

libai / footseen-large-website

Go to a project
Commit 923dd13b by libai
Options

测试

parent beabd1ac
Inline Side-by-side
Showing with 10 additions and 7 deletions
css/index.css
...@@ -417,6 +417,7 @@ ...@@ -417,6 +417,7 @@
background: url(../images/add-img.png) no-repeat; background: url(../images/add-img.png) no-repeat;
background-size: cover; background-size: cover;
position: relative; position: relative;
background-position-y: center;
} }
.add-video-text-box { .add-video-text-box {
height: 1.65rem; height: 1.65rem;
......
css/index.less
...@@ -426,6 +426,7 @@ ...@@ -426,6 +426,7 @@
background:url(../images/add-img.png)no-repeat; background:url(../images/add-img.png)no-repeat;
background-size: cover; background-size: cover;
position: relative; position: relative;
background-position-y: center;
} }
.add-video-text-box{ .add-video-text-box{
height: 1.65rem; height: 1.65rem;
......
index.html
...@@ -177,6 +177,7 @@ $(function(){ ...@@ -177,6 +177,7 @@ $(function(){
var typeNumber=1 var typeNumber=1
var scrollOk=true; var scrollOk=true;
var scrollTopNum=0 var scrollTopNum=0
getLive() getLive()
setTimeout(function(){ setTimeout(function(){
tagGet() tagGet()
...@@ -278,7 +279,7 @@ $(function(){ ...@@ -278,7 +279,7 @@ $(function(){
var topList=JSON.parse(data.dataList[0].content) var topList=JSON.parse(data.dataList[0].content)
console.log(topList) console.log(topList)
// duration // duration
html+='<a href="video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="swiper-img">'; html+='<a href="video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_60000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="swiper-img">';
html+='<div class="top-img-shadow"></div>'; html+='<div class="top-img-shadow"></div>';
html+='</div>'; html+='</div>';
html+='<div class="swiper-time">'+add0(Math.floor(topList.videos[0].duration/1000/60))+':'+add0(Math.floor(topList.videos[0].duration/1000)%60)+'</div>'; html+='<div class="swiper-time">'+add0(Math.floor(topList.videos[0].duration/1000/60))+':'+add0(Math.floor(topList.videos[0].duration/1000)%60)+'</div>';
...@@ -298,7 +299,7 @@ $(function(){ ...@@ -298,7 +299,7 @@ $(function(){
for(var i=1;i<5;i++){ for(var i=1;i<5;i++){
var list=data.dataList[i] var list=data.dataList[i]
var videoList=JSON.parse(list.content) var videoList=JSON.parse(list.content)
html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_0,f_jpg,w_360,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="videos-box">'; html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_60000,f_jpg,w_360,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="videos-box">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='<div class="video-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>'; html+='<div class="video-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
html+='<div class="video-more">'; html+='<div class="video-more">';
...@@ -324,7 +325,7 @@ $(function(){ ...@@ -324,7 +325,7 @@ $(function(){
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">'; html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>'; html+='<p>'+list.nickname+'</p>';
html+='</div>'; html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="add-video-img">'; html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_60000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>'; html+='</div>';
html+='<div class="add-video-text-box">'; html+='<div class="add-video-text-box">';
...@@ -368,7 +369,7 @@ $(function(){ ...@@ -368,7 +369,7 @@ $(function(){
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">'; html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>'; html+='<p>'+list.nickname+'</p>';
html+='</div>'; html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="add-video-img">'; html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_60000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>'; html+='</div>';
html+='<div class="add-video-text-box">'; html+='<div class="add-video-text-box">';
......
video.html
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<div class="grap-swiper-box"> <div class="grap-swiper-box">
<div class="recommend-swiper"> <div class="recommend-swiper">
<!-- <div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-04-02/253898d006be4ad1be5bf5acde410add.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="swiper-img"><div class="top-img-shadow"></div></div> <!-- <div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-04-02/253898d006be4ad1be5bf5acde410add.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,f_jpg)no-repeat;background-size: cover; background-position-y: center;" class="swiper-img"><div class="top-img-shadow"></div></div>
<p class="swiper-name">今天吃什么呢，打算吃什么呢</p> <p class="swiper-name">今天吃什么呢，打算吃什么呢</p>
<div class="swiper-face-name"> <div class="swiper-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt=""> <img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
...@@ -330,7 +330,7 @@ $(function(){ ...@@ -330,7 +330,7 @@ $(function(){
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">'; html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>'; html+='<p>'+list.nickname+'</p>';
html+='</div>'; html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover+')no-repeat;background-size: cover;" class="add-video-img">'; html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover+')no-repeat;background-size: cover; background-position-y: center;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>'; html+='</div>';
html+='<div class="add-video-text-box">'; html+='<div class="add-video-text-box">';
...@@ -377,7 +377,7 @@ $(function(){ ...@@ -377,7 +377,7 @@ $(function(){
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">'; html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>'; html+='<p>'+list.nickname+'</p>';
html+='</div>'; html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover+')no-repeat;background-size: cover;" class="add-video-img">'; html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_60000,f_jpg,w_400,h_0,m_fast,f_jpg)no-repeat;background-size: cover; background-position-y: center;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>'; html+='</div>';
html+='<div class="add-video-text-box">'; html+='<div class="add-video-text-box">';
......
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