Commit 8d9271f1 by libai

测试

parent 222f4b29
...@@ -124,7 +124,7 @@ $(function(){ ...@@ -124,7 +124,7 @@ $(function(){
data:{ data:{
uid:localStorage.uid, uid:localStorage.uid,
token:localStorage.token, token:localStorage.token,
// pass:true, // //pass:true,
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
}, },
success:function(data){ success:function(data){
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title></title>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.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/liMarquee.css">
<style>
.layui-layer-shade {
opacity: 0.7 !important;
}
.yourclass5 {
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
}
.yourclass5 .layui-layer-content {
border-radius: 0rem !important;
}
.yourclass6{
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
position: relative;
left: 1.4rem !important;
}
.yourclass6 .layui-layer-content {
border-radius: 0rem !important;
}
</style>
</head>
<body style="background: #F3F3F3">
<div class="layer-shadow"></div>
<div class="layer-tag-box">
<div class="layer-tag-title">選擇分類</div>
<ul class="layer-tag-ul">
<li class="tag-click">#全部</li>
<li>#黑絲</li>
<li>#黑絲</li>
<li>#黑絲</li>
<li>#黑絲</li>
</ul>
</div>
<div class="m-content">
<div class="nav-box">
<div class="top-bg">
<div class="nav-btn">
<div class="nav-click">影片<img class="click-img" src="images/click.png" alt=""></div>
<div><a style="color: #FFABEE;" href="GraphicPage.html">圖文<img class="click-img" src="images/click.png" alt=""></a></div>
</div>
</div>
<div class="title-nav">
<div class="title-nav-box">
<div class="title-nav-content">
<h2 data-type="9">絲襪</h2>
<h2 data-type="28">秀腿</h2>
<h2 data-type="45">裸足</h2>
<h2 data-type="271">腳趾</h2>
<h2 data-type="109">美腿</h2>
<h2 data-type="11">黑絲</h2>
<h2 data-type="38">高跟</h2>
<h2 data-type="100">長腿</h2>
<h2 data-type="91">模特</h2>
<h2 data-type="55">肉絲</h2>
</div>
</div>
<img class="more-btn" src="images/more.png" alt="">
</div>
</div>
<div style="height: 2.6rem;"></div>
<div class="all-box">
<div class="recommend-swiper">
<!-- <div class="swiper-img">
<div class="top-img-shadow"></div>
</div>
<div class="swiper-time">02:55</div>
<img class="play-icon" src="images/play-icon.png" alt="">
<p class="swiper-name">今天吃什么呢,打算吃什么呢</p>
<div class="swiper-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p>糖醋榴莲</p>
</div>
<div class="swiper-more">
<div class="swiper-more1"><img src="images/message.png" alt=""> 25</div>
</div> -->
</div>
<div class="module-title"><img src="images/rule.png" alt=""> 在线美女</div>
<div class="more-live-box">
<div class="live-box-cotnent">
<!-- <div class="live-box">
<div class="live-face-box"><img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_180" alt=""></div>
<div class="live-box-name">主播昵称预留</div>
</div> -->
</div>
</div>
<div class="module-title"><img src="images/rule.png" alt=""> 热门影片</div>
<div class="recommended-videos">
<div class="videos-content">
<!-- <div class="videos-box">
<img class="play-icon" src="images/play-icon.png" alt="">
<div class="video-time">02:55</div>
<div class="video-more">
<div class="video-more1"><img src="images/message.png" alt=""> 25</div>
<div class="video-more2"><img src="images/good.png" alt=""> 50</div>
</div>
<img class="video-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_180" alt="">
<p class="video-title">今天吃什么呢,打算吃什么呢</p>
<div class="videos-shadow"></div>
</div>
<div class="videos-box"></div>
<div class="videos-box"></div>
<div class="videos-box"></div>
<div class="videos-box"></div> -->
</div>
</div>
<div class="add-video-content">
<!-- <div class="add-video-box">
<div class="add-shadow"></div>
<div class="add-time">35:53</div>
<div class="add-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p>糖醋榴莲</p>
</div>
<div class="add-video-img">
<img class="play-icon" src="images/play-icon.png" alt="">
</div>
<div class="add-video-text-box">
<p>今天吃什么呢,打算吃什么呢</p>
<div class="tag-content">
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
</div>
</div>
</div> -->
</div>
</div>
<div style="display: none;" class="detailed-box">
</div>
<div class="bottom-nav">
<h1 class="bottom-nav-h1">美腿、美足、絲襪直播</h1>
<div class="bottom-nav-btn"></div>
<div class="bottom-close-btn"></div>
</div>
<div style="height: 2.5rem;"></div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/swiper.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/liMarquee.js"></script>
<script src="lib/swiper.min.js"></script>
<script src="lib/default.js?v='20220407'"></script>
<script>
$(function(){
var tagStr=''
var pageNumber=1
var typeNumber=1
var scrollOk=true;
var scrollTopNum=0
getLive()
setTimeout(function(){
tagGet()
},800)
$(".title-nav-content h2").on("click",function(){
var _self=$(this)
if($(this).hasClass("tag-go")){
$(".title-nav-content h2").removeClass("tag-go")
$(".detailed-box").html('').hide()
$(".all-box").show()
tagStr=''
pageNumber=1
getList(pageNumber,typeNumber,tagStr)
}else{
$(".title-nav-content h2").removeClass("tag-go")
pageNumber=1
tagStr=$(this).attr("data-type")
$(".all-box").hide()
$(".detailed-box").html('').show()
$(this).addClass("tag-go")
listAdd(pageNumber,typeNumber,tagStr)
}
})
$(".more-btn").on("click",function(){
$(".layer-tag-box").css("top","0rem")
$(".layer-shadow").show()
})
$(".layer-shadow").on("click",function(){
$(".layer-tag-box").css("top","-12rem")
$(".layer-shadow").hide()
})
$(".bottom-nav-btn").on("click",function(){
var downNum=Math.ceil(Math.random()*3)
window.location.href='download/down'+downNum+'.html?qd=ftsBH5SY'
})
$(".bottom-close-btn").on("click",function(){
$(".bottom-nav").fadeOut(350)
})
$(window).on("scroll",function(){
if(scrollTopNum<$(document).scrollTop()){
if($(document).scrollTop()>200){
$(".nav-box").hide()
$(".nav-box").addClass("nav-box-show").css("transform","translateY(-3.5rem)")
}
}else{
$(".nav-box").show()
$(".nav-box").css("transform","translateY(0rem)")
}
scrollTopNum=$(document).scrollTop()
if($(document).height()-$(document).scrollTop()-$(window).height()<=10){
if(scrollOk==false)return;
scrollOk=false
pageNumber+=1
listAdd(pageNumber,typeNumber,tagStr)
}
})
function getLive(){
$.ajax({
url:$ip+'/footSeen/h5/queryLiveUsers',
success:function(data){
console.log('直播列表',data)
if(data.roomList.length==0){
$(".module-title").hide()
$(".more-live-box").hide()
return;
}
var liveBoxWidth=2.6*data.roomList.length+0.2
$(".live-box-cotnent").css("width",""+liveBoxWidth+"rem")
var html=[];
for(var i=0;i<data.roomList.length;i++){
var list=data.roomList[i]
html+='<div class="live-box">';
html+='<div class="live-face-box"><img src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_180" alt=""></div>';
html+='<div class="live-box-name">'+list.nickname+'</div>';
html+='</div>';
}
$(".live-box-cotnent").html(html);
$(".live-box").unbind("click").on("click",function(){
window.location.href='download/down1.html?qd=ftsBH5ZB'
})
}
})
}
getList(pageNumber,typeNumber,tagStr)
function getList(pageNum,typeNum,tagNum){
$.ajax({
url:$ip+'/footSeen/h5/queryTopics',
data:{
page:pageNum,
size:10,
type:typeNum,
tag:tagNum,
},
success:function(data){
console.log('獲取貼文列表',data)
var html=[];
var topList=JSON.parse(data.dataList[0].content)
console.log(topList)
// 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 class="top-img-shadow"></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+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='<p class="swiper-name">'+topList.title+'</p>';
html+='<div class="swiper-face-name">';
html+='<img src="https://zhibocdn.yabolive.net/comm'+data.dataList[0].face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+data.dataList[0].nickname+'</p>';
html+='</div>';
html+='<div class="swiper-more">';
html+='<div class="swiper-more1"><img src="images/message.png" alt=""> '+data.dataList[0].comment+'</div>';
html+='</div>';
$(".recommend-swiper").html(html);
$(".recommend-swiper").attr("data-type",data.dataList[0].topicId)
var html=[];
for(var i=1;i<5;i++){
var list=data.dataList[i]
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+='<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">';
html+='<div class="video-more1"><img src="images/message.png" alt=""> '+list.comment+'</div>';
html+='</div>';
html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_180" alt="">';
html+='<p class="video-title">'+list.nickname+'</p>';
html+='<div class="videos-shadow"></div>';
html+='</div>';
}
$(".videos-content").html(html);
$(".add-video-content").html('')
for(var i=5;i<10;i++){
if(data.dataList[i]==undefined)continue
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
var html=[]
html+='<div data-type="'+list.topicId+'" class="add-video-box">';
html+='<div class="add-shadow"></div>';
html+='<div class="add-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
html+='<div class="add-face-name">';
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+')no-repeat;background-size: cover;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>';
html+='<div class="add-video-text-box">';
html+='<p>'+videoList.title+'</p>';
html+='<div class="tag-content">';
for(var j=0;j<list.tags.length;j++){
html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
}
html+='</div>';
html+='</div>';
html+='</div>';
$(".add-video-content").append(html)
$(".videos-box,.recommend-swiper,.add-video-box").unbind("click").on("click",function(){
var _self=$(this).attr("data-type")
window.location.href="video.html?topicId="+_self+"&tag="+tagNum+""
})
}
}
})
}
function listAdd(pageNum,typeNum,tagNum){
$.ajax({
url:$ip+'/footSeen/h5/queryTopics',
data:{
page:pageNum,
size:10,
type:typeNum,
tag:tagNum,
},
success:function(data){
console.log('獲取貼文列表',data)
for(var i=0;i<data.dataList.length;i++){
if(data.dataList[i]==undefined)continue
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
var html=[]
html+='<div data-type="'+list.topicId+'" class="add-video-box">';
html+='<div class="add-shadow"></div>';
html+='<div class="add-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
html+='<div class="add-face-name">';
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+')no-repeat;background-size: cover;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>';
html+='<div class="add-video-text-box">';
html+='<p>'+videoList.title+'</p>';
html+='<div class="tag-content">';
for(var j=0;j<list.tags.length;j++){
html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
}
html+='</div>';
html+='</div>';
html+='</div>';
if(tagStr=='')$(".add-video-content").append(html)
else{
$(".detailed-box").append(html)
}
}
setTimeout(function(){
scrollOk=true;
}, 500);
$(".add-video-box").unbind("click").on("click",function(){
var _self=$(this).attr("data-type")
window.location.href="video.html?topicId="+_self+"&tag="+tagNum+""
})
}
})
}
function tagGet(){
$.ajax({
url:$ip+'/footSeen/h5/queryTagList',
success:function(data){
console.log('获取标签列表',data)
var html=[];
html+='<li data-type="" class="tag-click">#全部</li>'
for(var i=0;i<data.tagList.length;i++){
var list=data.tagList[i];
html+='<li data-type="'+list.tagId+'" >'+list.tagName+'</li>'
}
$(".layer-tag-ul").html(html);
$(".layer-tag-ul li").on("click",function(){
var _self=$(this);
console.log(11)
$(".layer-tag-ul li").removeClass("tag-click")
_self.addClass("tag-click")
if(_self.attr("data-type")==''){
tagStr=''
pageNumber=1
getList(pageNumber,typeNumber,tagStr)
$(".detailed-box").html('').hide()
$(".all-box").show()
$(".layer-tag-box").css("top","-12rem")
$(".layer-shadow").hide()
}else{
tagStr=_self.attr("data-type")
pageNumber=1
$(".all-box").hide()
$(".detailed-box").html('').show()
listAdd(pageNumber,typeNumber,tagStr)
$(".layer-tag-box").css("top","-12rem")
$(".layer-shadow").hide()
}
})
}
})
}
// function
})
</script>
</html>
\ No newline at end of file
...@@ -554,7 +554,7 @@ $(function(){ ...@@ -554,7 +554,7 @@ $(function(){
token:localStorage.token, token:localStorage.token,
pageNum:1, pageNum:1,
pageSize:99, pageSize:99,
pass:true, //pass:true,
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
...@@ -585,7 +585,7 @@ $(function(){ ...@@ -585,7 +585,7 @@ $(function(){
data:{ data:{
pageNum:e, pageNum:e,
pageSize:100, pageSize:100,
pass:true, //pass:true,
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
...@@ -618,7 +618,7 @@ $(function(){ ...@@ -618,7 +618,7 @@ $(function(){
url:$ip+'frontPage/queryTags', url:$ip+'frontPage/queryTags',
data:{ data:{
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
pass:true, //pass:true,
}, },
success:function(data){ success:function(data){
console.log('获取标签列表',data); console.log('获取标签列表',data);
...@@ -655,7 +655,7 @@ $(function(){ ...@@ -655,7 +655,7 @@ $(function(){
url:$ip+'frontPage/queryTopics', url:$ip+'frontPage/queryTopics',
data:{ data:{
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
pass:true, //pass:true,
pageNum:e, pageNum:e,
type:typeNum, type:typeNum,
pageSize:12, pageSize:12,
......
...@@ -169,7 +169,7 @@ $(function(){ ...@@ -169,7 +169,7 @@ $(function(){
data:{ data:{
uid:localStorage.uid, uid:localStorage.uid,
token:localStorage.token, token:localStorage.token,
// pass:true, // //pass:true,
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
}, },
success:function(data){ success:function(data){
......
...@@ -149,7 +149,7 @@ $(function(){ ...@@ -149,7 +149,7 @@ $(function(){
url:$ip+'frontPage/queryTopicInfo', url:$ip+'frontPage/queryTopicInfo',
data:{ data:{
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
pass:true, //pass:true,
topicId:sessionStorage.topicId topicId:sessionStorage.topicId
}, },
success:function(msg){ success:function(msg){
...@@ -290,7 +290,7 @@ $(function(){ ...@@ -290,7 +290,7 @@ $(function(){
url:$ip+'frontPage/queryTopics', url:$ip+'frontPage/queryTopics',
data:{ data:{
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
pass:true, //pass:true,
pageNum:e, pageNum:e,
type:typeNum, type:typeNum,
pageSize:8, pageSize:8,
......
...@@ -1506,7 +1506,7 @@ $(function () { ...@@ -1506,7 +1506,7 @@ $(function () {
data:{ data:{
pageNum:e, pageNum:e,
pageSize:100, pageSize:100,
pass:true, //pass:true,
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
...@@ -1982,7 +1982,7 @@ $(function () { ...@@ -1982,7 +1982,7 @@ $(function () {
uid:localStorage.uid, uid:localStorage.uid,
token:localStorage.token, token:localStorage.token,
type:e, type:e,
// pass:true, // //pass:true,
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
...@@ -2049,7 +2049,7 @@ $(function () { ...@@ -2049,7 +2049,7 @@ $(function () {
roomid:sessionStorage.roomId, roomid:sessionStorage.roomId,
index:1, index:1,
pageSize:99, pageSize:99,
pass:true, //pass:true,
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
...@@ -2101,7 +2101,7 @@ $(function () { ...@@ -2101,7 +2101,7 @@ $(function () {
uid:localStorage.uid, uid:localStorage.uid,
token:localStorage.token, token:localStorage.token,
roomid:sessionStorage.roomId, roomid:sessionStorage.roomId,
pass:true, //pass:true,
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
}, },
success:function(data){ success:function(data){
......
...@@ -282,7 +282,7 @@ $(function(){ ...@@ -282,7 +282,7 @@ $(function(){
url:$ip+'frontPage/queryTopics', url:$ip+'frontPage/queryTopics',
data:{ data:{
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
pass:true, //pass:true,
pageNum:e, pageNum:e,
type:typeNum, type:typeNum,
pageSize:8, pageSize:8,
......
...@@ -317,7 +317,7 @@ $(function(){ ...@@ -317,7 +317,7 @@ $(function(){
zoneId:fid, zoneId:fid,
pageNum:1, pageNum:1,
pageSize:99, pageSize:99,
pass:true, //pass:true,
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
......
...@@ -76,7 +76,7 @@ $(function(){ ...@@ -76,7 +76,7 @@ $(function(){
token:localStorage.token, token:localStorage.token,
pageNum:1, pageNum:1,
pageSize:99, pageSize:99,
pass:true, //pass:true,
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
......
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