Skip to content

libai / footseen-large-website

Go to a project
Commit d861c3c3 by libai
Options

测试

parent 8240e689
Inline Side-by-side
Showing with 67 additions and 89 deletions
yazhaiTest/css/neck.css
......@@ -14,11 +14,22 @@ body::-webkit-scrollbar {
width: 1440px;
margin: 0 auto;
}
.more-live {
color: #666;
font-size: 16px;
position: absolute;
right: 0;
top: 10px;
cursor: pointer;
}
.more-live:hover {
color: #E53985;
}
.box-title {
position: relative;
height: 70px;
line-height: 70px;
margin-top: 10px;
margin-top: 15px;
font-size: 0;
}
.box-title > img {
......@@ -154,7 +165,7 @@ body::-webkit-scrollbar {
.images-box-ul .video-title {
color: #333333;
font-size: 14px;
text-indent: 56px;
text-indent: 12px;
padding-top: 10px;
width: 330px;
text-overflow: ellipsis;
......@@ -163,7 +174,7 @@ body::-webkit-scrollbar {
}
.video-box-ul .video-tag-box,
.images-box-ul .video-tag-box {
margin-left: 54px;
margin-left: 10px;
margin-top: 4px;
}
.video-box-ul .video-tag-box > div,
......@@ -280,10 +291,11 @@ body::-webkit-scrollbar {
}
.video-more-btn {
position: relative;
color: #E53985;
color: #666;
font-size: 16px;
position: absolute;
right: 0;
cursor: pointer;
top: 5px;
}
.video-more-btn img {
......@@ -292,6 +304,9 @@ body::-webkit-scrollbar {
position: relative;
top: 1px;
}
.video-more-btn:hover {
color: #E53985;
}
.video-more-layer {
display: none;
width: 386px;
......
yazhaiTest/css/neck.less
......@@ -33,13 +33,22 @@
width: 1440px;
margin: 0 auto;
}
.more-live{
color: #666;
font-size: 16px;
position: absolute;
right: 0;
top: 10px;
cursor: pointer;
}
.more-live:hover{
color: #E53985;
}
.box-title{
position: relative;
height: 70px;
line-height: 70px;
margin-top: 10px;
margin-top: 15px;
font-size: 0;
>img{
vertical-align:middle;
......@@ -167,7 +176,7 @@
.video-title{
color: #333333;
font-size: 14px;
text-indent: 56px;
text-indent: 12px;
padding-top: 10px;
width: 330px;
text-overflow: ellipsis;
......@@ -175,7 +184,7 @@
overflow: hidden;
}
.video-tag-box{
margin-left: 54px;
margin-left: 10px;
margin-top: 4px;
>div{
min-width: 42px;
......@@ -298,10 +307,11 @@
}
.video-more-btn{
position: relative;
color: #E53985;
color: #666;
font-size: 16px;
position: absolute;
right: 0;
cursor: pointer;
top: 5px;
img{
width: 20px;
......@@ -310,6 +320,9 @@
top: 1px;
}
}
.video-more-btn:hover{
color: #E53985;
}
.video-more-layer{
display: none;
width: 386px;
......
yazhaiTest/lib/default.js
......@@ -60,7 +60,7 @@ sessionStorage.like=data.like;
lang:2,
os:'pc_web',
cid:'ftsweb',
webVersion:'0.01'
webVersion:'100'
},
dataType: "JSON"
})
......
yazhaiTest/pc.html
......@@ -94,7 +94,7 @@
<div class="m-box">
<div style="height: 60px;"></div>
<div class="mc-list-box">
<h2 class="box-title"><img src="images/front/category1.png" alt=""><span>在線美女</span></h2>
<h2 class="box-title"><img src="images/front/category1.png" alt=""><span>在線美女</span><div class="more-live">觀看更多 ></div></h2>
<ul class="live-box-ul clearfix">
<!-- <li>
<div class="live-top-box">
......@@ -353,7 +353,7 @@ $(function(){
}
fp.get(function(result, components) {
localStorage.canvasCode=result
liveList(1)
liveList(1,1)
getTags()
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
});
......@@ -365,6 +365,17 @@ $(function(){
getTopics(pageNumber,typeNum,tagNum,timeNum,sortNum,dayNum)
}
})
$(".more-live").on("click",function(){
$(".neck-nav-ul li").removeClass("neck-nav-li-click")
$(".neck-nav-ul li").eq(1).addClass("neck-nav-li-click")
$(".images-list-box").hide()
$(".video-list-box").hide()
$(".mc-list-box").show()
$(".tag-big-box").hide()
$(".like-box").hide()
liveList(1,2)
$(".more-live").hide()
})
$(".layer-more-btn1").on("click",function(){
timeNum=-1
sortNum=-1
......@@ -416,73 +427,6 @@ $(function(){
$(".video-more-layer").fadeOut(350)
$(".video-more-btn").removeClass("video-more-btn-all")
})
$(".side-nav-sort").on("click",function(){
var _self=$(this);
for(var i=0;i<6;i++){
$(".side-icon").eq(i).attr("src","images/front/icon"+(i+1)+".png")
}
_self.children(".side-icon").attr("src",'images/front/icon'+_self.attr("data-type")+'-click.png')
$(".side-nav-sort").removeClass("side-nav-sort-click")
_self.addClass("side-nav-sort-click")
if(_self.attr("data-type")==1){
$(".images-list-box").hide()
$(".like-box").hide()
$(".mc-list-box").show()
$(".video-list-box").show()
pageNumber=1
typeNum=1
tagNum=''
timeNum=-1
sortNum=-1
dayNum=-1
$(".tag-big-box").show()
$(".side-tag-ul li").removeClass("tag-click")
liveList(1)
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
}
else if(_self.attr("data-type")==2){
$(".images-list-box").hide()
$(".video-list-box").hide()
$(".mc-list-box").show()
$(".tag-big-box").hide()
$(".like-box").hide()
liveList(1)
}
else if(_self.attr("data-type")==3){
$(".tag-big-box").hide()
$(".mc-list-box").hide()
$(".video-list-box").hide()
$(".images-list-box").hide()
$(".like-box").show()
likeList()
}
else if(_self.attr("data-type")==4){
typeNum=1
tagNum=''
$(".tag-big-box").show()
$(".side-tag-ul li").removeClass("tag-click")
$(".mc-list-box").hide()
$(".images-list-box").hide()
$(".like-box").hide()
$(".video-list-box").show()
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
}
else if(_self.attr("data-type")==5){
typeNum=2
tagNum=''
$(".tag-big-box").show()
$(".side-tag-ul li").removeClass("tag-click")
$(".mc-list-box").hide()
$(".video-list-box").hide()
$(".like-box").hide()
$(".images-list-box").show()
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
}
else if(_self.attr("data-type")==6){
}
})
var oneVideo=true;
var oneImg=true;
$(".neck-nav-ul li").on("click",function(){
......@@ -504,6 +448,7 @@ $(function(){
$(".like-box").hide()
$(".mc-list-box").show()
$(".video-list-box").show()
$(".more-live").show()
pageNumber=1
typeNum=1
tagNum=''
......@@ -512,7 +457,7 @@ $(function(){
// dayNum=-1
$(".tag-big-box").show()
$(".side-tag-ul li").removeClass("tag-click")
liveList(1)
liveList(1,1)
// getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
}
else if(_self.attr("data-type")==2){
......@@ -522,7 +467,7 @@ $(function(){
$(".mc-list-box").show()
$(".tag-big-box").hide()
$(".like-box").hide()
liveList(1)
liveList(1,2)
}
else if(_self.attr("data-type")==3){
......@@ -621,7 +566,7 @@ $(function(){
}
})
}
function liveList(e){
function liveList(e,type){
$.ajax({
url:$ip+'frontPage/queryLiveUsers',
data:{
......@@ -634,12 +579,15 @@ $(function(){
console.log('直播列表',data)
if(data.code==-5008){
setTimeout(function() {
liveList(e)
liveList(e,type)
}, 500);
return;
}
var html=[];
for(var i=0;i<data.roomList.length;i++){
if(type==1) listNum=10
else listNum=data.roomList.length
for(var i=0;i<listNum;i++){
if(data.roomList[i]==undefined)break;
var list=data.roomList[i]
html+='<li>';
html+='<a href="room/liveRoom.html?roomId='+list.roomId+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_368) no-repeat;background-size: cover;" class="live-top-box">';
......@@ -652,6 +600,7 @@ $(function(){
html+='</li>';
}
$(".live-box-ul").html(html);
}
})
}
......@@ -731,14 +680,14 @@ $(function(){
var videoList=JSON.parse(list.content)
html+='<a href="room/videoRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<li>';
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_342,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="video-top-box">';
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 class="live-cursor-shadow"></div>';
html+='<img class="play-icon" src="images/front/play-icon.png">'
html+='<div class="video-top-shadow"></div>';
html+='<span class="video-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</span>';
html+='</div>';
html+='<div class="video-name-box">';
html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_40" alt="">';
// html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_40" alt="">';
html+='<p class="video-title">'+videoList.title+'</p>';
html+='<div class="video-tag-box">';
for(var j=0;j<list.tags.length;j++){
......@@ -770,7 +719,7 @@ $(function(){
html+='<div class="video-top-shadow"></div>';
html+='</div>';
html+='<div class="video-name-box">';
html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_40" alt="">';
// html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_40" alt="">';
html+='<p class="video-title">'+imgList.title+'</p>';
html+='<div class="video-tag-box">';
for(var j=0;j<list.tags.length;j++){
......@@ -796,7 +745,8 @@ $(function(){
$(".mc-list-box").show()
$(".tag-big-box").hide()
$(".like-box").hide()
liveList(1)
liveList(1,2)
$(".more-live").hide()
}
if(data.jump==3){
if(localStorage.uid==undefined){
......
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