Skip to content

libai / footseen-large-website

Go to a project
Commit 018de74d by libai
Options

测试

parent 4898d6ec
Inline Side-by-side
Showing with 174 additions and 179 deletions
yazhaiTest/lib/login.js
......@@ -163,8 +163,14 @@ function loginGo(){
html+='<input class="search-input" maxlength="80" placeholder="請輸入您想要搜尋的內容" type="text">'
html+='<img class="search-icon" src="https://www.footseen.xyz/yazhaiTest/images/front/search2.png">'
$(".neck-nav-content").append(html)
$(".search-icon").on("click",function(){
$(".search-icon").on("click",function(event){
if (event.keyCode == "13") {
if($(".search-input").val()==''||$(".search-input").val().split(" ").join("").length == 0){
layer.msg("請輸入要搜索的內容")
return;
}
}
window.location.href="https://www.footseen.xyz/yazhaiTest/search/index.html?search="+$(".search-input").val()+""
})
$(".search-input").on("keydown",function(event){
if (event.keyCode == "13") {
......@@ -173,126 +179,13 @@ function loginGo(){
return;
}
}
window.location.href="https://www.footseen.xyz/yazhaiTest/search/index.html?search="+$(".search-input").val()+""
})
// searchGoUser(22,3)
// searchGoVideo('黑絲',12)
// searchGoImages('黑絲',4)
function searchGoUser(e,pageNum){
$.ajax({
url:$ip+'search/queryUser',
data:{
keyword:e,
pageNum:1,
pageSize:pageNum,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token
},
success:function(data){
console.log('搜索用户',data)
var html=[];
for(var i=0;i<data.data.length;i++){
var list=data.data[i];
html+='<li>';
html+='<p class="search-user-p1">'+list.nickname+'</p>';
html+='<p class="search-user-p2">Footseen ID:'+list.uid+'</p>';
html+='<a href="../space/index.html?fid='+list.uid+'"><img class="like-face" src="https://zhibocdn.yabolive.net/comm'+list.faceimg+'?x-oss-process=image/resize,w_120" alt=""></a>';
if(list.selfLike>0)html+='<div data-type="2" data-type2="'+list.uid+'" class="like-user-btn1 like-user-btn2">已追蹤</div>';
else html+='<div data-type="2" data-type2="'+list.uid+'" class="like-user-btn1 like-user-click">追蹤</div>';
html+='</li>';
}
$(".search-user-ul").html(html)
$(".search-user-box").show()
}
})
}
function searchGoVideo(e,pageNum){
$.ajax({
url:$ip+'search/queryDynamic',
data:{
keyword:e,
pageNum:1,
pageSize:pageNum,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token,
type:1,
sort:-1,
},
success:function(data){
console.log('搜索视频',data)
var html=[];
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var videoList=JSON.parse(list.content)
// console.log(videoList)
html+='<a href="room/videoRoom.html?topicId='+list.topicId+'&tag=""">'
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 class="live-cursor-shadow"></div>';
html+='<img class="play-icon" src="https://www.footseen.xyz/yazhaiTest/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+='<p class="video-title">'+videoList.title+'</p>';
html+='<div class="video-tag-box">';
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+='</li>';
html+='</a>'
}
$(".search-video-ul").html(html)
}
})
}
function searchGoImages(e,pageNum){
$.ajax({
url:$ip+'search/queryDynamic',
data:{
keyword:e,
pageNum:1,
pageSize:pageNum,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token,
type:2,
sort:-1,
},
success:function(data){
console.log('搜索帖子',data)
var html=[];
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var imgList=JSON.parse(list.content)
html+='<a href="room/imagesRoom.html?topicId='+list.topicId+'&tag=""">'
html+='<li>';
if(imgList.images==undefined){
var mRandom=Math.ceil(Math.random()*10)
html+='<div style="background: url(https://app.ixiulive.com/static/footVideo/m/m'+mRandom+'.jpg?v=20220614);background-size: cover;" class="video-top-box">';
}
else html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+imgList.images[0].url.split('?')[0]+'?x-oss-process=image/resize,w_342);background-size: cover;" class="video-top-box">';
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+='<p class="video-title">'+imgList.title+'</p>';
html+='<div class="video-tag-box">';
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+='</li>';
html+='</a>'
}
$(".images-box-ul").html(html)
}
})
}
if(localStorage.uid!=undefined&&localStorage.uid!="undefined"){
$.ajax({
url:$ip+'user/queryUserBaseInfo',
......
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><div class="more-live">觀看更多 <b>></b></div></h2>
<h2 class="box-title"><img src="images/front/category1.png" alt=""><span>絲足美女直播</span><div class="more-live">觀看更多 <b>></b></div></h2>
<ul class="live-box-ul clearfix">
<!-- <li>
<div class="live-top-box">
......@@ -107,7 +107,7 @@
</div>
<div class="video-list-box">
<h2 class="box-title box-title2">
<img src="images/front/category2.png" alt=""><span>激情影片</span>
<img src="images/front/category2.png" alt=""><span>影片互動分享</span>
<div class="video-more-btn">
篩選<img src="images/front/more-btn.png" alt="">
</div>
......
yazhaiTest/room/videoRoom.html
......@@ -305,7 +305,7 @@ $(function(){
var videoList=JSON.parse(list.content)
html+='<a href="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;" 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;" class="video-top-box">';
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>';
......
yazhaiTest/search/index.html
......@@ -28,10 +28,10 @@
<div style="height: 60px;"></div>
<div class="m-box">
<div class="search-top-box">
<div class="search-top-click">綜合</div>
<div>用戶</div>
<div>影片</div>
<div>圖檔</div>
<div data-type="1" class="search-top-click">綜合</div>
<div data-type="2">用戶</div>
<div data-type="3">影片</div>
<div data-type="4">圖檔</div>
</div>
<div style="display:none" class="search-user-box">
<div class="search-user-top">用戶</div>
......@@ -56,10 +56,10 @@
</li> -->
</ul>
</div>
<div class="video-box">
<div style="display:none" class="video-box">
<div class="search-video-top">影片</div>
<ul class="search-video-ul clearfix">
<a href="room/videoRoom.html?topicId=712639990057039&amp;tag=">
<!-- <a href="room/videoRoom.html?topicId=712639990057039&amp;tag=">
<li>
<div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-06-22/beefd1776f8f40648b28acc36514fef5.mp4?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">
<div class="live-cursor-shadow"></div>
......@@ -74,56 +74,7 @@
</div>
</div>
</li>
</a>
<a href="room/videoRoom.html?topicId=712639990057039&amp;tag=">
<li>
<div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-06-22/beefd1776f8f40648b28acc36514fef5.mp4?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">
<div class="live-cursor-shadow"></div>
<img class="play-icon" src="../images/front/play-icon.png">
<div class="video-top-shadow"></div>
<span class="video-time">02:25</span>
</div>
<div class="video-name-box">
<p class="video-title">旗袍少女白絲</p>
<div class="video-tag-box">
<div data-type="10" class="tag">#亞洲</div><div data-type="31" class="tag">#熟女</div><div data-type="9" class="tag">#絲襪</div><div data-type="28" class="tag">#秀腿</div><div data-type="157" class="tag">#擺拍</div><div data-type="57" class="tag">#性感</div>
</div>
</div>
</li>
</a>
<a href="room/videoRoom.html?topicId=712639990057039&amp;tag=">
<li>
<div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-06-22/beefd1776f8f40648b28acc36514fef5.mp4?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">
<div class="live-cursor-shadow"></div>
<img class="play-icon" src="../images/front/play-icon.png">
<div class="video-top-shadow"></div>
<span class="video-time">02:25</span>
</div>
<div class="video-name-box">
<p class="video-title">旗袍少女白絲</p>
<div class="video-tag-box">
<div data-type="10" class="tag">#亞洲</div><div data-type="31" class="tag">#熟女</div><div data-type="9" class="tag">#絲襪</div><div data-type="28" class="tag">#秀腿</div><div data-type="157" class="tag">#擺拍</div><div data-type="57" class="tag">#性感</div>
</div>
</div>
</li>
</a>
<a href="room/videoRoom.html?topicId=712639990057039&amp;tag=">
<li>
<div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-06-22/beefd1776f8f40648b28acc36514fef5.mp4?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">
<div class="live-cursor-shadow"></div>
<img class="play-icon" src="../images/front/play-icon.png">
<div class="video-top-shadow"></div>
<span class="video-time">02:25</span>
</div>
<div class="video-name-box">
<p class="video-title">旗袍少女白絲</p>
<div class="video-tag-box">
<div data-type="10" class="tag">#亞洲</div><div data-type="31" class="tag">#熟女</div><div data-type="9" class="tag">#絲襪</div><div data-type="28" class="tag">#秀腿</div><div data-type="157" class="tag">#擺拍</div><div data-type="57" class="tag">#性感</div>
</div>
</div>
</li>
</a>
</a> -->
</ul>
</div>
<div style="display: none" class="images-box">
......@@ -168,6 +119,156 @@
$(function(){
if(localStorage.canvasCode==undefined)window.location.href='../pc.html'
loginGo()
if(data.search!=undefined){
var searchData=decodeURI(location.href.split("search=")[1])
$(".search-input").val(searchData)
searchGoUser(searchData,3)
searchGoVideo(searchData,12)
}
$(".search-top-box div").on("click",function(){
var _self=$(this)
$(".search-top-box div").removeClass("search-top-click")
_self.addClass("search-top-click")
if(_self.attr("data-type")==1){
searchGoUser($(".search-input").val(),3)
searchGoVideo($(".search-input").val(),12)
$(".images-box").hide()
}
else if(_self.attr("data-type")==2){
searchGoUser($(".search-input").val(),30)
$(".video-box").hide()
$(".images-box").hide()
}
else if(_self.attr("data-type")==3){
searchGoVideo($(".search-input").val(),24)
$(".search-user-box").hide()
$(".images-box").hide()
}
else if(_self.attr("data-type")==4){
searchGoImages($(".search-input").val(),24)
$(".search-user-box").hide()
$(".video-box").hide()
}
})
function searchGoUser(e,pageNum){
$.ajax({
url:$ip+'search/queryUser',
data:{
keyword:e,
pageNum:1,
pageSize:pageNum,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token
},
success:function(data){
console.log('搜索用户',data)
var html=[];
for(var i=0;i<data.data.length;i++){
var list=data.data[i];
html+='<li>';
html+='<p class="search-user-p1">'+list.nickname+'</p>';
html+='<p class="search-user-p2">Footseen ID:'+list.uid+'</p>';
html+='<a href="../space/index.html?fid='+list.uid+'"><img class="like-face" src="https://zhibocdn.yabolive.net/comm'+list.faceimg+'?x-oss-process=image/resize,w_120" alt=""></a>';
if(list.selfLike>0)html+='<div data-type="2" data-type2="'+list.uid+'" class="like-user-btn1 like-user-btn2">已追蹤</div>';
else html+='<div data-type="2" data-type2="'+list.uid+'" class="like-user-btn1 like-user-click">追蹤</div>';
html+='</li>';
}
$(".search-user-ul").html(html)
$(".search-user-box").show()
}
})
}
function searchGoVideo(e,pageNum){
$.ajax({
url:$ip+'search/queryDynamic',
data:{
keyword:e,
pageNum:1,
pageSize:pageNum,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token,
type:1,
sort:-1,
},
success:function(data){
console.log('搜索视频',data)
var html=[];
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var videoList=JSON.parse(list.content)
// console.log(videoList)
html+='<a href="room/videoRoom.html?topicId='+list.topicId+'&tag=""">'
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 class="live-cursor-shadow"></div>';
html+='<img class="play-icon" src="https://www.footseen.xyz/yazhaiTest/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+='<p class="video-title">'+videoList.title+'</p>';
html+='<div class="video-tag-box">';
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+='</li>';
html+='</a>'
}
$(".search-video-ul").html(html)
$(".video-box").show()
}
})
}
function searchGoImages(e,pageNum){
$.ajax({
url:$ip+'search/queryDynamic',
data:{
keyword:e,
pageNum:1,
pageSize:pageNum,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token,
type:2,
sort:-1,
},
success:function(data){
console.log('搜索帖子',data)
var html=[];
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var imgList=JSON.parse(list.content)
html+='<a href="room/imagesRoom.html?topicId='+list.topicId+'&tag=""">'
html+='<li>';
if(imgList.images==undefined){
var mRandom=Math.ceil(Math.random()*10)
html+='<div style="background: url(https://app.ixiulive.com/static/footVideo/m/m'+mRandom+'.jpg?v=20220614);background-size: cover;" class="video-top-box">';
}
else html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+imgList.images[0].url.split('?')[0]+'?x-oss-process=image/resize,w_342);background-size: cover;" class="video-top-box">';
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+='<p class="video-title">'+imgList.title+'</p>';
html+='<div class="video-tag-box">';
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+='</li>';
html+='</a>'
}
$(".images-box-ul").html(html)
$(".images-box").show()
}
})
}
})
</script>
</html>
\ No newline at end of file
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