Skip to content

libai / footseen-large-website

Go to a project
Commit e982a55e by libai
Options

测试

parent 33535419
Inline Side-by-side
Showing with 99 additions and 11 deletions
mobile/css2/index.css
......@@ -121,6 +121,9 @@
background: url(../images/nav-img.png) no-repeat;
background-size: cover;
}
.swiper-img > img {
width: 9.35rem;
}
.swiper-img .top-img-shadow {
width: 9.35rem;
height: 5.05rem;
......@@ -306,17 +309,19 @@
.videos-box {
width: 7.35rem;
height: 4.3rem;
background: url(../images/video-bg.png) no-repeat;
background-size: cover;
border-radius: 0.2rem;
margin-left: 0.3rem;
float: left;
position: relative;
overflow: hidden;
}
.videos-box .play-icon {
left: 3.15rem;
top: 1.35rem;
}
.videos-box-mc-face {
width: 7.35rem;
}
.videos-shadow {
border-radius: 0.2rem;
width: 7.35rem;
......@@ -422,6 +427,12 @@
position: relative;
background-position-y: center;
}
.add-video-img .play-mc-face {
width: 9.35rem;
position: absolute;
bottom: 0;
left: 0;
}
.add-video-text-box {
height: 1.65rem;
width: 9.35rem;
......
mobile/css2/index.less
......@@ -124,6 +124,9 @@
border-radius: 0.2rem;
background: url(../images/nav-img.png)no-repeat;
background-size: cover;
>img{
width: 9.35rem;
}
.top-img-shadow{
width: 9.35rem;
height: 5.05rem;
......@@ -315,17 +318,22 @@
.videos-box{
width: 7.35rem;
height: 4.3rem;
background: url(../images/video-bg.png) no-repeat;
background-size: cover;
// background: url(../images/video-bg.png) no-repeat;
// background-size: cover;
border-radius: 0.2rem;
margin-left: 0.3rem;
float: left;
position: relative;
overflow: hidden;
.play-icon{
left: 3.15rem;
top: 1.35rem;
}
}
.videos-box-mc-face{
width: 7.35rem;
}
.videos-shadow{
border-radius: 0.2rem;
width: 7.35rem;
......@@ -431,6 +439,12 @@
position: relative;
background-position-y: center;
.play-mc-face{
width: 9.35rem;
position: absolute;
bottom: 0;
left: 0;
}
}
.add-video-text-box{
height: 1.65rem;
......
mobile/pageVideo.html
......@@ -176,8 +176,11 @@ $(function(){
$(".bottom-nav").fadeOut(350)
})
$.ajax({
url:$ip2+'/footSeen/h5/queryTopicInfo',
url:$ip+'frontPage/queryTopicInfo',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
topicId:sessionStorage.topicId
},
success:function(data){
......
mobile/video.html
......@@ -175,12 +175,19 @@ $(function(){
$(".bottom-nav").fadeOut(350)
})
$.ajax({
url:$ip2+'/footSeen/h5/queryTopicInfo',
url:$ip+'frontPage/queryTopicInfo',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
topicId:sessionStorage.topicId
},
// async:false,
success:function(data){
// //// console.log('查看帖文详情',data)
console.log('查看帖子详情',data)
// if(msg.code!=1){
// return;
// }
var html=[];
var list=data.topic;
var details=JSON.parse(list.content)
......@@ -221,6 +228,54 @@ $(function(){
$(".keywords-meta").attr("content",tagsArr)
}
})
$.ajax({
url:$ip2+'/footSeen/h5/queryTopicInfo',
data:{
topicId:sessionStorage.topicId
},
success:function(data){
// //// console.log('查看帖文详情',data)
// var html=[];
// var list=data.topic;
// var details=JSON.parse(list.content)
// $("title").text(details.title)
// $(".Thumbnail").attr("content",'https://zhibocdn.yabolive.net/comm'+details.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_100000,f_jpg,w_1280,h_0,m_fast,f_jpg')
// var ua = window.navigator.userAgent.toLowerCase();
// if (/iphone|ipad|ipod/.test(ua)) {
// var iosUrl=details.videos[0].url.replace("flv","mp4")
// $(".recommend-swiper").html('<video poster="https://zhibocdn.yabolive.net/comm'+details.videos[0].cover+'" autoplay playsinline class="video" src="https://zhibocdn.yabolive.net/comm'+iosUrl+'" id="videoElement" controls loop></video>')
// }else{
// $(".recommend-swiper").html('<video poster="https://zhibocdn.yabolive.net/comm'+details.videos[0].cover+'" autoplay class="video" src="" id="videoElement" controls loop></video>')
// flvPlay('https://zhibocdn.yabolive.net/comm'+details.videos[0].url+'')
// }
// // //// console.log('https://zhibocdn.yabolive.net/comm'+details.videos[0].url+'')
// var html=[];
// var tagsArr=[]
// html+='<img class="grap-user-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
// html+='<p class="grap-name-p1">'+list.nickname+'</p>';
// html+='<p class="grap-name-p2">'+timeGet(list.updateTime)[0]+'年'+timeGet(list.updateTime)[1]+'月'+timeGet(list.updateTime)[2]+'日 '+add0(timeGet(list.updateTime)[3])+':'+add0(timeGet(list.updateTime)[5])+'</p>';
// html+='<div class="grap-like">追蹤</div>';
// $(".grap-name-box").html(html);
// $(".bottom-nav-btn,.grap-like").unbind("click").on("click",function(){
// window.location.href='https://www.footseen.xyz/download/download2.html'
// })
// var html=[];
// html+='<h1 class="grap-title">'+details.title+'</h1>';
// html+='<div class="grap-more">';
// html+='<div class="grap-more1"><img src="images/message2.png" alt=""> '+list.comment+'</div>';
// html+='</div>';
// html+='<div class="tag-content clearfix">';
// for(var j=0;j<list.tags.length;j++){
// html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
// if(j+1==list.tags.length) tagsArr+=''+list.tags[j].tagName+''
// else tagsArr+=''+list.tags[j].tagName+','
// }
// html+='</div>';
// $(".grap-content").html(html);
// $(".keywords-meta").attr("content",tagsArr)
}
})
$.ajax({
url:$ip2+'/footSeen/h5/queryTopicComment',
data:{
......
mobile/videoPage.html
......@@ -448,8 +448,9 @@ $(function(){
var topList=JSON.parse(data.dataList[0].content)
//// console.log(topList)
// 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_90000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="swiper-img">';
html+='<a href="video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"><div style="" class="swiper-img">';
html+='<div class="top-img-shadow"></div>';
html+='<img src="https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg">'
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+='<img class="play-icon" src="images/play-icon.png" alt="">';
......@@ -463,12 +464,15 @@ $(function(){
html+='</div></a>';
$(".recommend-swiper").html(html);
$(".recommend-swiper").attr("data-type",data.dataList[0].topicId)
$(".swiper-img >img").on("error",function(){
$(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
})
var html=[];
for(var i=1;i<5;i++){
var list=data.dataList[i]
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_90000,f_jpg,w_360,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="videos-box">';
html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" style="background-position-y: center;" class="videos-box">';
html+='<img class="videos-box-mc-face" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_360,h_0,m_fast,f_jpg">'
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-more">';
......@@ -494,7 +498,8 @@ $(function(){
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>';
html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="add-video-img">';
html+='<div style="background-position-y: center;" class="add-video-img">';
html+='<img class="play-mc-face" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg">'
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>';
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