Skip to content

libai / footseen-large-website

Go to a project
Commit 7c710dd9 by libai
Options

测试

parent c49b816f
Inline Side-by-side
Showing with 6 additions and 7 deletions
css/index.css
...@@ -272,6 +272,7 @@ ...@@ -272,6 +272,7 @@
} }
.more-live-box .live-face-box img { .more-live-box .live-face-box img {
width: 2.4rem; width: 2.4rem;
height: 2.4rem;
} }
.more-live-box .live-box-name { .more-live-box .live-box-name {
height: 0.6rem; height: 0.6rem;
......
css/index.less
...@@ -279,6 +279,7 @@ ...@@ -279,6 +279,7 @@
background: #fff; background: #fff;
img{ img{
width: 2.4rem; width: 2.4rem;
height: 2.4rem;
} }
} }
.live-box-name{ .live-box-name{
......
index.html
...@@ -24,10 +24,7 @@ ...@@ -24,10 +24,7 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/index.css?v=22020119"> <link rel="stylesheet" href="css/index.css?v=22020119">
<link rel="stylesheet" href="css/liMarquee.css">
<style> <style>
.layui-layer-shade { .layui-layer-shade {
opacity: 0.7 !important; opacity: 0.7 !important;
...@@ -280,7 +277,7 @@ $(function(){ ...@@ -280,7 +277,7 @@ $(function(){
var html=[]; var html=[];
var topList=JSON.parse(data.dataList[0].content) var topList=JSON.parse(data.dataList[0].content)
// duration // duration
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover+')no-repeat;background-size: cover;" class="swiper-img">'; html+='<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+='<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>';
...@@ -300,7 +297,7 @@ $(function(){ ...@@ -300,7 +297,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+='<div data-type="'+list.topicId+'" style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover+')no-repeat;background-size: cover;" class="videos-box">'; html+='<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+='<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">';
...@@ -326,7 +323,7 @@ $(function(){ ...@@ -326,7 +323,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_0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" 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">';
...@@ -370,7 +367,7 @@ $(function(){ ...@@ -370,7 +367,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_0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" 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