Skip to content

libai / footseen-large-website

Go to a project
Commit 987dbaf6 by libai
Options

测试

parent fce2bf55
Inline Side-by-side
Showing with 52 additions and 26 deletions
yazhaiTest/pc.html
...@@ -321,6 +321,7 @@ ...@@ -321,6 +321,7 @@
<script> <script>
$(function(){ $(function(){
var layzImgNum=0
// var html=[] // var html=[]
// html+='<meta name="google-signin-scope" content="profile email">' // html+='<meta name="google-signin-scope" content="profile email">'
// html+='<meta name="google-signin-client_id" content="534183685500-ag0vai0jh6todldi4rg6lvp0gcsojk0n.apps.googleusercontent.com">' // html+='<meta name="google-signin-client_id" content="534183685500-ag0vai0jh6todldi4rg6lvp0gcsojk0n.apps.googleusercontent.com">'
...@@ -380,9 +381,17 @@ $(function(){ ...@@ -380,9 +381,17 @@ $(function(){
getTags() getTags()
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum) getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
} }
var layzT=true;
$(window).on("scroll",function(){ $(window).on("scroll",function(){
if(layzT==true){
console.log(111)
layzT=false
layzImg()
setTimeout(function() {
layzT=true;
layzImg()
}, 300);
}
if($(document).height()-$(document).scrollTop()-$(window).height()<=20){ if($(document).height()-$(document).scrollTop()-$(window).height()<=20){
if(scrollOk==false)return; if(scrollOk==false)return;
scrollOk=false scrollOk=false
...@@ -396,6 +405,7 @@ $(function(){ ...@@ -396,6 +405,7 @@ $(function(){
}else{ }else{
$(".side-nav").hide() $(".side-nav").hide()
} }
}) })
$(".more-live").on("click",function(){ $(".more-live").on("click",function(){
$(".neck-nav-ul li").removeClass("neck-nav-li-click") $(".neck-nav-ul li").removeClass("neck-nav-li-click")
...@@ -473,7 +483,7 @@ $(function(){ ...@@ -473,7 +483,7 @@ $(function(){
$(".neck-nav-ul li").removeClass("neck-nav-li-click") $(".neck-nav-ul li").removeClass("neck-nav-li-click")
$(".side-nav").hide() $(".side-nav").hide()
_self.addClass("neck-nav-li-click") _self.addClass("neck-nav-li-click")
layzImgNum=0
$(".m-box").show() $(".m-box").show()
$(".down-box").hide() $(".down-box").hide()
...@@ -507,7 +517,7 @@ $(function(){ ...@@ -507,7 +517,7 @@ $(function(){
liveList(1,2) liveList(1,2)
} }
else if(_self.attr("data-type")==3){ else if(_self.attr("data-type")==3){
$(".tag-big-box").hide() $(".tag-big-box").hide()
$(".mc-list-box").hide() $(".mc-list-box").hide()
$(".video-list-box").hide() $(".video-list-box").hide()
...@@ -517,10 +527,10 @@ $(function(){ ...@@ -517,10 +527,10 @@ $(function(){
} }
else if(_self.attr("data-type")==4){ else if(_self.attr("data-type")==4){
$(".side-nav").show() $(".side-nav").show()
scrollOk=true; // scrollOk=true;
pageNumber=1 pageNumber=1
typeNum=1 typeNum=1
tagNum='' // tagNum=''
// timeNum=-1 // timeNum=-1
// sortNum=-1 // sortNum=-1
// dayNum=-1 // dayNum=-1
...@@ -530,23 +540,19 @@ $(function(){ ...@@ -530,23 +540,19 @@ $(function(){
$(".images-list-box").hide() $(".images-list-box").hide()
$(".like-box").hide() $(".like-box").hide()
$(".video-list-box").show() $(".video-list-box").show()
scrollTo('.m-box',350)
if(oneVideo){ if(oneVideo){
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum) getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
oneVideo=false oneVideo=false
}else{
scrollTo('.m-box',350)
} }
} }
else if(_self.attr("data-type")==5){ else if(_self.attr("data-type")==5){
$(".side-nav").show()
scrollOk=true; scrollOk=true;
pageNumber=1 pageNumber=1
typeNum=2 typeNum=2
tagNum='' $(".side-nav").hide()
timeNum=-1
sortNum=-1
dayNum=-1
$(".tag-big-box").show() $(".tag-big-box").show()
$(".side-tag-ul li").removeClass("tag-click") $(".side-tag-ul li").removeClass("tag-click")
$(".mc-list-box").hide() $(".mc-list-box").hide()
...@@ -661,6 +667,9 @@ $(function(){ ...@@ -661,6 +667,9 @@ $(function(){
$(".side-tag-ul").html(html); $(".side-tag-ul").html(html);
$(".side-tag-ul li").unbind("click").on("click",function(){ $(".side-tag-ul li").unbind("click").on("click",function(){
var _self=$(this); var _self=$(this);
scrollTo('.m-box',350)
layzImgNum=0
if(_self.hasClass("tag-click")){ if(_self.hasClass("tag-click")){
_self.removeClass('tag-click') _self.removeClass('tag-click')
tagNum='' tagNum=''
...@@ -690,7 +699,7 @@ $(function(){ ...@@ -690,7 +699,7 @@ $(function(){
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
pageNum:e, pageNum:e,
type:typeNum, type:typeNum,
pageSize:12, pageSize:32,
language:2, language:2,
tag:tagNum, tag:tagNum,
duration:timeNum, duration:timeNum,
...@@ -718,7 +727,7 @@ $(function(){ ...@@ -718,7 +727,7 @@ $(function(){
var videoList=JSON.parse(list.content) var videoList=JSON.parse(list.content)
html+='<a target="_blank" href="room/videoRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">' html+='<a target="_blank" href="room/videoRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<li>'; html+='<li>';
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_342,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="video-top-box">'; html+='<div data-type="'+videoList.videos[0].cover.split('?')[0]+'" style="background: pink" class="video-top-box">';
html+='<div class="live-cursor-shadow"></div>'; html+='<div class="live-cursor-shadow"></div>';
html+='<img class="play-icon" src="images/front/play-icon.png">' html+='<img class="play-icon" src="images/front/play-icon.png">'
html+='<div class="video-top-shadow"></div>'; html+='<div class="video-top-shadow"></div>';
...@@ -736,8 +745,13 @@ $(function(){ ...@@ -736,8 +745,13 @@ $(function(){
html+='</li>'; html+='</li>';
html+='</a>' html+='</a>'
} }
if(e==1)$(".video-box-ul").html(html); if(e==1){
$(".video-box-ul").html(html);
layzImg()
}
else $(".video-box-ul").append(html); else $(".video-box-ul").append(html);
} }
if(typeNum==2){ if(typeNum==2){
for(var i=0;i<data.dataList.length;i++){ for(var i=0;i<data.dataList.length;i++){
...@@ -826,14 +840,10 @@ $(function(){ ...@@ -826,14 +840,10 @@ $(function(){
scrollNav=false scrollNav=false
$(".neck-nav-ul li").removeClass("neck-nav-li-click") $(".neck-nav-ul li").removeClass("neck-nav-li-click")
$(".neck-nav-ul li").eq(sessionStorage.jump-1).addClass("neck-nav-li-click") $(".neck-nav-ul li").eq(sessionStorage.jump-1).addClass("neck-nav-li-click")
$(".side-nav").show() $(".side-nav").hide()
scrollOk=true; scrollOk=true;
pageNumber=1 pageNumber=1
typeNum=2 typeNum=2
tagNum=''
timeNum=-1
sortNum=-1
dayNum=-1
$(".tag-big-box").show() $(".tag-big-box").show()
$(".side-tag-ul li").removeClass("tag-click") $(".side-tag-ul li").removeClass("tag-click")
$(".mc-list-box").hide() $(".mc-list-box").hide()
...@@ -850,6 +860,23 @@ $(function(){ ...@@ -850,6 +860,23 @@ $(function(){
$(".down-box").show() $(".down-box").show()
} }
} }
function layzImg(){
if(layzImgNum>50)var iNum=layzImgNum;
var iNum=0;
for(var i=iNum;i<$(".video-box-ul li").length;i++){
if( $(".video-box-ul li .video-top-box").eq(i).attr("data-type2")==1){
iNum++
continue;
}
if(($(".video-box-ul li").eq(i).offset().top)-($(window).height()+$(document).scrollTop())<300){
$(".video-box-ul li .video-top-box").eq(i).css("background","url(https://zhibocdn.yabolive.net/comm"+$(".video-box-ul li .video-top-box").eq(i).attr("data-type")+"?x-oss-process=video/snapshot,t_90000,f_jpg,w_342,h_0,m_fast,f_jpg)no-repeat")
$(".video-box-ul li .video-top-box").eq(i).css("background-size","cover")
$(".video-box-ul li .video-top-box").eq(i).css("background-position-y","center")
$(".video-box-ul li .video-top-box").eq(i).attr("data-type2",1)
}
}
}
}) })
</script> </script>
</html> </html>
\ No newline at end of file
yazhaiTest/room/css/index.css
...@@ -130,8 +130,6 @@ ...@@ -130,8 +130,6 @@
.video-more-ul .video-top-box { .video-more-ul .video-top-box {
width: 342px; width: 342px;
height: 192px; height: 192px;
background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_342) no-repeat;
background-size: cover;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
......
yazhaiTest/room/css/index.less
...@@ -136,8 +136,7 @@ ...@@ -136,8 +136,7 @@
.video-top-box{ .video-top-box{
width: 342px; width: 342px;
height: 192px; height: 192px;
background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_342)no-repeat;
background-size: cover;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
......
yazhaiTest/room/liveRoom.html
...@@ -2300,7 +2300,8 @@ $(function () { ...@@ -2300,7 +2300,8 @@ $(function () {
} }
for(var i=0;i<$(".gift-track-box").children().length;i++){ for(var i=0;i<$(".gift-track-box").children().length;i++){
if($(".track-content").hasClass('track'+list.content.uuid+'')){ if($(".track-content").hasClass('track'+list.content.uuid+'')){
$('.track'+list.content.uuid+'').attr("data-type",'5000') if(list.content.giftDuration!==0)$('.track'+list.content.uuid+'').attr("data-type",''+list.content.giftDuration*1000+'')
else $('.track'+list.content.uuid+'').attr("data-type",'5000')
$('.track'+list.content.uuid+'').children(".track-bar").children('.track-num').html(html) $('.track'+list.content.uuid+'').children(".track-bar").children('.track-num').html(html)
return; return;
} }
......
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