<!DOCTYPE html>
<html lang="en">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QT401FZZ2K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QT401FZZ2K');
</script>
<head>
<meta charset="utf-8" />
<meta data-hid="viewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1">
<meta name="renderer" content="webkit">
<meta name="applicable-device"content="pc">
<title>footseen-腳控足控天堂-超激情美女主播視訊</title>
<meta name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
<meta name="description" content="footseen，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="../css/login.css?v=2023053101">
<link rel="stylesheet" href="css/index.css?v=2022080401">
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script src="https://www.footseen.xyz/lib/hello.js"></script>
</head>
<body style="background: #F0F1F4;">
<div class="neck-nav">
<div class="neck-nav-content">
<a href="https://www.footseen.xyz/index.html"><img class="logo" src="../images/logo.png" alt=""></a>
<div class="nav-login-big-box">
<!-- <div style="display: none;" class=nav-login-btn>登入/註冊</div>
<div style="display: none;" class="nav-login">
<img class="nav-login-face" src="" alt="">
<div class="nav-login-more">
<div class="nav-login-more-jiao"></div>
<div class="nav-login-more-top">
<img class="login-more-top-face" src="" alt="">
<p class="login-more-top-p1">主播暱稱預留</p>
<p class="login-more-top-p2">ID:246524</p>
</div>
<div class="login-more-content-box">
<div data-type="1">用戶中心</div>
<div data-type="2">儲值中心</div>
<div data-type="3">我的追蹤</div>
<div data-type="4">登出</div>
</div>
</div>
</div> -->
</div>
<div class="language-box">
<span>語言</span>
<div class="language-content">
<div data-type="2">繁體中文</div>
<div data-type="1">English</div>
</div>
</div>
</div>
</div>
<div class="m-box">
<div style="height: 60px;"></div>
<div class="space-box">
<div class="space-top">
<!-- <img class="space-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_100" alt="">
<div class="space-name"><img class="space-level" src="https://app.ixiulive.com/static/vip/35.png"> 糖醋里脊肉</div>
<div class="space-id">Footseen ID: 123456</div>
<div class="space-num"><span>77</span>追隨 | <span>1440</span>粉絲</div>
<div class="like-btn"></div> -->
<!-- <div class="talk-btn"></div> -->
</div>
<div class="text-bg"> </div>
<div class="space-content">
<h2 class="space-h2"><div class="line"></div><span class="langTxt1">基本信息</span></h2>
<div class="space-line1"></div>
<ul class="space-ul clearfix">
<!-- <li><span>性別: </span>女</li>
<li><span>年齡: </span>24</li>
<li><span>來自: </span>台灣</li>
<li><span>身高: </span>168cm</li>
<li><span>體重: </span>50kg</li>
<li><span>星座: </span>巨蟹座</li>
<li><span>學歷: </span>幼稚園</li>
<li><span>職業: </span>教師</li> -->
</ul>
<div class="space-money-box clearfix">
<p><span>收穫羽毛:</span> <img src="images/feather.png" alt="">--</p>
<p><span>贈出寶石:</span> <img src="images/diamond.png" alt="">--</p>
</div>
<div class="mc-car-box">
<span class="langTxt4">當前座駕</span>:
<ul class="mc-car-ul">
<!-- <li><img src="images/gift-case.png" alt=""></li> -->
</ul>
</div>
<div class="mc-title-box"><i class="room23">獲得勛章</i>:
<span>
<!-- <img src="images/gift-case.png" alt="">
<img src="images/gift-case.png" alt="">
<img src="images/gift-case.png" alt=""> -->
</span>
</div>
</div>
<div class="space-photo">
<h2 class="space-h2"><div class="line"></div><span class="langTxt28">相冊</span></h2>
<div class="space-line2"></div>
<ul class="mc-images-ul clearfix">
<!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li> -->
</ul>
<!-- <ul class="phone-ul clearfix">
<li>
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li>
<li>
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li>
<li>
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li>
<li>
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li>
<li>
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li>
<li>
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li>
<li>
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li>
<li>
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li>
</ul> -->
</div>
</div>
<div style="height: 60px;"></div>
</div>
<div class="layer-photo">
<img class="photo-arrow-left" src="images/photo-arrow.png" alt="">
<img class="photo-arrow-right" src="images/photo-arrow.png" alt="">
<div class="layer-photo-content">
<div class="layer-photo-content-left">
<img class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm/user/img/134601/f4035e3045c640ddaf5b8318ccc8e6c5.jpg?x-oss-process=image/resize,w_775" alt="">
</div>
<div class="layer-photo-content-right">
<div class="photo-content-top">
<img class="photo-content-top-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<div class="photo-content-name">主播暱稱預留 <span class="photo-name-like">+追蹤</span></div>
</div>
<div class="photo-content-center">
<p class="photo-time-p">2022年3月1日</p>
<div class="photo-content-speak">我和你就限制暗示法那是反扒說法麼啊發順豐安撫熬死第三方三個偷回家我不明白</div>
<div class="photo-content-like">
<span><img src="images/icon1.png" alt="">25</span>
<span><img src="images/icon2.png" alt="">25</span>
</div>
</div>
<ul class="photo-content-right-ul">
<!-- <li>
<img class="photo-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="photo-message-name">用戶暱稱預留</p>
<p class="photo-message-content">阿薩德鬧翻那傻逼噶搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實</p>
<p class="photo-message-time">12小時前 <span>回復</span></p>
<div class="photo-more-message">
<div class="more-message-box">
<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p class="more-message-time">12小時前 <span>回復</span></p>
</div>
<div class="more-message-box">
<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p class="more-message-time">12小時前 <span>回復</span></p>
</div>
</div>
</li> -->
</ul>
<div class="photo-content-msg">
<input placeholder="請輸入要發送的內容" class="photo-content-input" type="text">
<div class="photo-msg-btn">發送</div>
</div>
</div>
</div>
</div>
<div class="login-content"></div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/default.js?v=2023060101"></script>
<script src="../lib/qrcode.min.js"></script>
<script src="../lib/login.js?v=2023081501"></script>
<script src="../lib/pcLang.js"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
<script>
$(function(){
loginGo()
var fid=data.fid
if(sessionStorage.lang!=2){
// .space-line1
$("body").addClass("body-lang"+sessionStorage.lang+"")
$(".langTxt1").text(langList[sessionStorage.lang].space1)
$(".langTxt4").text(langList[sessionStorage.lang].space4)
$(".langTxt5").text(langList[sessionStorage.lang].space5)
$(".photo-content-input").text(langList[sessionStorage.lang].space7)
$(".photo-msg-btn").text(langList[sessionStorage.lang].space8)
$(".langTxt28").text(langList[sessionStorage.lang].space28)
$(".room23").text(langList[sessionStorage.lang].room23)
$(".language-box span").text(langList[sessionStorage.lang].pcIndex37)
}
zoneList()
$.ajax({
url: $ip + 'room/enterRoom',
data: {
uid: localStorage.uid,
token: localStorage.token,
// pass: true,
roomId: fid,
pageID: localStorage.canvasCode,
},
success: function (data) {
//console.log('用戶信息', data)
$("title").text(data.room.nickName+''+langList[sessionStorage.lang].space9+'-footseen')
$(".text-bg").text(data.roomBaseInfo.sign.replace("Firefly Live","Footseen"))
var html = [];
if(data.roomOtherInfo.motoring.resource!=undefined)html += '<li><img src="https://zhibocdn.yabolive.net/comm' + data.roomOtherInfo.motoring.resource + '?x-oss-process=image/resize,w_45" alt=""></li>';
$(".mc-car-ul").html(html)
var html=[];
for(var i=0;i<data.roomOtherInfo.medals.length;i++){
var list=data.roomOtherInfo.medals[i]
html+='<img src="https://zhibocdn.yabolive.net/comm' + data.roomOtherInfo.medals[i] + '?x-oss-process=image/resize,w_45" alt="">';
}
$(".mc-title-box >span").html(html);
var html=[];
html+='<img class="space-face" src="https://zhibocdn.yabolive.net/comm'+data.room.face+'?x-oss-process=image/resize,w_100" alt="">';
html+='<div class="space-name">';
if(data.room.level!=0)html+='<img class="space-level" src="https://app.ixiulive.com/static/vip/'+data.room.level+'.png"> ';
html+=''+data.room.nickName+'</div>';
html+='<div class="space-id">Footseen ID: '+data.room.roomId+'</div>';
html+='<div class="space-num"><span>'+data.roomOtherInfo.myfollow+'</span>'+langList[sessionStorage.lang].space30+' | <span>'+data.roomOtherInfo.followme+'</span>'+langList[sessionStorage.lang].space31+'</div>';
if(data.room.isLike>0) html+='<div data-type="'+data.room.roomId+'" data-type2="2" class="like-btn like-btn-end"></div>';
else html+='<div data-type="'+data.room.roomId+'" data-type2="1" class="like-btn"></div>';
$(".space-top").html(html);
var html = [];
html += '<div><span>'+langList[sessionStorage.lang].room12+':</span> ' + data.roomBaseInfo.nickname + '</div>';
html += '<div><span>ID:</span> ' + data.roomBaseInfo.uid + '</div>';
//地址
if (data.roomBaseInfo.addr != '') html += '<div><span>'+langList[sessionStorage.lang].room13+':</span> ' + data.roomBaseInfo.addr + '</div>';
else html += '<div><span>'+langList[sessionStorage.lang].room13+':</span> 未知</div>';
//年龄
if(data.roomBaseInfo.age==0) html += '<div><span>'+langList[sessionStorage.lang].room14+':</span> '+langList[sessionStorage.lang].room44+'</div>';
else html += '<div><span>'+langList[sessionStorage.lang].room14+':</span> ' + data.roomBaseInfo.age + '</div>';
//身高
if(data.roomBaseInfo.height=='')html += '<div><span>'+langList[sessionStorage.lang].room15+':</span> '+langList[sessionStorage.lang].room44+'</div>';
else html += '<div><span>'+langList[sessionStorage.lang].room15+':</span> ' + data.roomBaseInfo.height + 'cm</div>';
//体重
if(data.roomBaseInfo.weight=='') html += '<div><span>'+langList[sessionStorage.lang].room16+':</span> '+langList[sessionStorage.lang].room44+'</div>';
else html += '<div><span>'+langList[sessionStorage.lang].room16+':</span> ' + data.roomBaseInfo.weight + 'kg</div>';
html += '<div><span>'+langList[sessionStorage.lang].room17+':</span> ' + data.roomBaseInfo.constellation + '</div>';
html += '<div><span>'+langList[sessionStorage.lang].room18+':</span> ' + data.roomBaseInfo.culture + '</div>';
html += '<div><span>'+langList[sessionStorage.lang].room19+':</span> ' + data.roomBaseInfo.work + '</div>';
$(".mc-more-means").html(html)
var html=[]
if(data.roomBaseInfo.sex==-1)html+='<li><span>'+langList[sessionStorage.lang].space10+': </span>'+langList[sessionStorage.lang].space29+'</li>';
else if(data.roomBaseInfo.sex==1)html+='<li><span>'+langList[sessionStorage.lang].space10+': </span>'+langList[sessionStorage.lang].space32+'</li>';
else if(data.roomBaseInfo.sex==0)html+='<li><span>'+langList[sessionStorage.lang].space10+': </span>女</li>';
html+='<li><span>'+langList[sessionStorage.lang].space11+': </span>'+data.roomBaseInfo.age+'</li>';
if (data.roomBaseInfo.addr != '')html+='<li><span>'+langList[sessionStorage.lang].space12+': </span>'+data.roomBaseInfo.addr+'</li>';
else html+='<li><span>'+langList[sessionStorage.lang].space12+': </span>'+langList[sessionStorage.lang].space29+'</li>';
if(data.roomBaseInfo.height=='')html+='<li><span>'+langList[sessionStorage.lang].space13+': </span>'+langList[sessionStorage.lang].space29+'</li>';
else html+='<li><span>'+langList[sessionStorage.lang].space13+': </span>'+data.roomBaseInfo.height+'cm</li>';
if(data.roomBaseInfo.weight=='')html+='<li><span>'+langList[sessionStorage.lang].space14+': </span>'+langList[sessionStorage.lang].space29+'</li>';
else html+='<li><span>'+langList[sessionStorage.lang].space14+': </span>' + data.roomBaseInfo.weight + 'kg</li>';
html+='<li><span>'+langList[sessionStorage.lang].space15+': </span>' + data.roomBaseInfo.constellation + '</li>';
html+='<li><span>'+langList[sessionStorage.lang].space16+': </span>' + data.roomBaseInfo.culture + '</li>';
html+='<li><span>'+langList[sessionStorage.lang].space27+': </span>' + data.roomBaseInfo.work + '</li>';
$(".space-ul").html(html);
var html=[];
html+='<p><span>'+langList[sessionStorage.lang].space2+':</span> <img src="images/feather.png" alt="">'+data.roomOtherInfo.charm+'</p>';
html+='<p><span>'+langList[sessionStorage.lang].space3+':</span> <img src="images/diamond.png" alt="">'+data.roomOtherInfo.rich+'</p>';
$(".space-money-box").html(html);
$(".like-btn").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
loginLayer()
return;
}
var _self=$(this)
$.ajax({
url:$ip+'room/likeOpt',
data:{
roomId:_self.attr("data-type"),
optType:_self.attr("data-type2"),
uid:localStorage.uid,
token:localStorage.token,
pageID: localStorage.canvasCode,
},
success:function(data){
//console.log('關注',data)
if(data.code==1){
if(_self.attr("data-type2")==2){
_self.attr("data-type2","1")
_self.removeClass("like-btn-end")
}
else if(_self.attr("data-type2")==1){
_self.attr("data-type2","2")
_self.addClass("like-btn-end")
}
}else{
layer.msg(data.msg)
}
}
})
})
},
})
var lDown=null
$(".language-box").on("mouseover",function(){
clearInterval(lDown)
$(".language-content").fadeIn(150)
})
$(".language-box").on("mouseout",function(){
lDown = setTimeout(function () {
$(".language-content").fadeOut(150)
}, 350)
})
for(var i=0;i<$(".language-content div").length;i++){
if(sessionStorage.lang==$(".language-content div").eq(i).attr("data-type"))$(".language-content div").eq(i).addClass("language-click")
}
$(".language-content div").on("click",function(){
var _self=$(this)
sessionStorage.lang=_self.attr("data-type")
window.location.reload()
})
function zoneList(){
$.ajax({
url:$ip+'zone/dynamic/album/getList',
data:{
zoneId:fid,
pageNum:1,
pageSize:99,
//,
pageID:localStorage.canvasCode
},
success:function(data){
dataArr=data
//console.log('获取相册列表',data)
$(".material-span-other2").text(""+langList[sessionStorage.lang].space6+"("+data.dataList.length+")")
var html=[];
if(data.dataList.length==0){
html+="<div class='images-no-box'><img src='images/no-icon.png'><p>"+langList[sessionStorage.lang].space18+"</p></div>"
}
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var content=JSON.parse(list.content)
if(list.type==3){
html+='<li data-type2='+i+' data-type='+list.topicId+' style="background: url(https://zhibocdn.yabolive.net/comm'+content.videos[0].cover+'?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">';
html+='<div class="mc-images-li-bottom">';
html+='<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">'+list.comment+'</span>';
html+='<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">'+list.up+'</span>';
html+='<span class="mc-images-li-span3">'+add0(Math.floor(content.videos[0].duration/60000))+':'+add0(Math.floor(content.videos[0].duration%60000/1000))+'</span>';
html+='</div>';
html+='<div class="mc-images-li-shadow"></div>';
html+='</li>';
}else{
html+='<li data-type2='+i+' data-type='+list.topicId+' style="background: url(https://zhibocdn.yabolive.net/comm'+content.images[0].url+'?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">';
html+='<div class="mc-images-li-bottom">';
html+='<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">'+list.comment+'</span>';
html+='<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">'+list.up+'</span>';
html+='</div>';
html+='<div class="mc-images-li-shadow"></div>';
html+='</li>';
}
}
$(".mc-images-ul").html(html);
$(".mc-images-ul li").unbind("click").on("click",function(){
var _self=$(this);
photo(_self.attr("data-type"),_self.attr("data-type2"))
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["1300px", "900px"],
content: $(".layer-photo"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
// $(".photo-arrow-left").unbind("click").on("click",function(){
// var photoNum= _self.attr("data-type2")
// if(photoNum!=0){
// //console.log(dataArr.dataList[photoNum-1].topicId)
// }
// // photo(_self.attr("data-type"))
// })
// $(".photo-arrow-right").unbind("click").on("click",function(){
// // photo(_self.attr("data-type"))
// })
})
}
})
}
function photo(e,num){
$.ajax({
url:$ip+'frontPage/queryTopicInfo',
async:false,
data:{
topicId:e,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token,
},
success:function(data){
//console.log('查看帖子详情',data)
var list=data.topic
var myTopicId=list.topicId
var imagesList=JSON.parse(list.content);
if(list.type==2){
//console.log(imagesList)
var html=[];
if(imagesList.images.length>1){
var ulWidth=126*imagesList.images.length
var ulLeft=63*imagesList.images.length
html+='<ul style="width:'+ulWidth+'px;margin-left:'+-ulLeft+'px" class="photo-content-left-ul">';
for(var i=0;i<imagesList.images.length;i++){
if(i==0) html+='<li data-type='+imagesList.images[i].url+' class="photo-li-click" style="background:url(https://zhibocdn.yabolive.net/comm'+imagesList.images[i].url+'?x-oss-process=image/resize,w_105);background-size:cover"></li>';
else html+='<li data-type='+imagesList.images[i].url+' style="background:url(https://zhibocdn.yabolive.net/comm'+imagesList.images[i].url+'?x-oss-process=image/resize,w_105);background-size:cover"></li>';
}
html+='</ul>';
}
// if(imagesList.images[0].wide>imagesList.images[0].high) html+='<img style="width: 775px;" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
// else html+='<img style="height: 900px;" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
if(imagesList.images[0].high>900) html+='<img style="height:900px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
else if(imagesList.images[0].wide>775)html+='<img style="width:775px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
else html+='<img style="height:'+imagesList.images[0].high+'px;width:'+imagesList.images[0].wide+'px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
$(".layer-photo-content-left").html(html);
if(imagesList.images.length>1){
$(".photo-content-left-ul li").unbind("click").on("click",function(){
var _self=$(this);
$(".photo-content-left-ul li").removeClass("photo-li-click")
_self.addClass("photo-li-click")
$(".photo-content-left-img").attr("src","https://zhibocdn.yabolive.net/comm"+_self.attr("data-type")+"?x-oss-process=image/resize,w_775")
})
}
}else if(list.type==3){
var html=[];
if(imagesList.videos[0].wide>imagesList.videos[0].high) html+='<video style="width:775px" controls src="https://zhibocdn.yabolive.net/comm'+imagesList.videos[0].url.replace(".flv",".mp4")+'">';
else html+='<video style="height: 900px;" controls src="https://zhibocdn.yabolive.net/comm'+imagesList.videos[0].url.replace(".flv",".mp4")+'">';
$(".layer-photo-content-left").html(html);
var videoError=true
$(".layer-photo-content-left video").on("error",function(){
if(videoError==false)return;
videoError=false
$(".layer-photo-content-left video").attr("src",'https://zhibocdn.yabolive.net/comm'+imagesList.videos[0].url.replace(".flv",".MP4")+'')
})
}
var html=[];
html+='<img class="photo-content-top-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_50" alt="">';
html+='<div class="photo-content-name">'+list.nickname+'';
if(list.isLikeRoom==0)html+='<span class="photo-name-like">+'+langList[sessionStorage.lang].space30+'</span>';
html+='</div>';
$(".photo-content-top").html(html);
var html=[];
html+='<p class="photo-time-p">'+timeGet(list.updateTime)[0]+''+langList[sessionStorage.lang].space19+''+timeGet(list.updateTime)[1]+''+langList[sessionStorage.lang].space20+''+timeGet(list.updateTime)[2]+''+langList[sessionStorage.lang].space21+'</p>';
html+='<div class="photo-content-speak">'+imagesList.title+'</div>';
html+='<div class="photo-content-like">';
html+='<span><img src="images/icon1.png" alt="">'+list.comment+'</span>';
if(list.selfUp==1)html+='<span><img data-type="1" class="up-click" src="images/icon2-click.png" alt=""><span>'+list.up+'</span></span>';
else html+='<span><img data-type="0" class="up-click" src="images/icon2.png" alt=""><span>'+list.up+'</span></span>';
html+='</div>';
$(".photo-content-center").html(html);
// setTimeout(function(){
// //console.log($(".photo-content-center").height())
// },50)
$(".up-click").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){ loginLayer()},300)
return;
}
if(data.selfUp==1){
return;
}
var _self=$(this)
$.ajax({
url:$ip+'dynamic/topic/up',
data:{
token:localStorage.token,
uid:localStorage.uid,
topicId:myTopicId,
cancel:_self.attr("data-type"),
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('動態點讚',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
if(_self.attr("data-type")==0){
$(".up-click").attr("data-type",'1');
$(".up-click").attr("src","images/icon2-click.png")
$(".up-click").siblings("span").text((Number($(".up-click").siblings("span").text())+1))
}
else if(_self.attr("data-type")==1){
$(".up-click").attr("data-type",'0');
$(".up-click").attr("src","images/icon2.png")
$(".up-click").siblings("span").text((Number($(".up-click").siblings("span").text())-1))
}
}
})
})
$(".photo-arrow-left").attr("data-type",""+(num-1)+"")
$(".photo-arrow-right").attr("data-type",""+(Number(num)+1)+"")
$(".photo-arrow-left").unbind("click").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")>-1){
var nextNum=_self.attr("data-type")
pid=dataArr.dataList[nextNum].topicId
photo(pid,nextNum)
}
})
$(".photo-arrow-right").unbind("click").on("click",function(){
var _self=$(this)
if(dataArr.dataList[_self.attr("data-type")]!=undefined){
var nextNum=Number(_self.attr("data-type"))
pid=dataArr.dataList[nextNum].topicId
photo(pid,nextNum)
}
})
$(".photo-msg-btn").unbind("click").on("click",function(){
if(localStorage.token==undefined){
layer.closeAll()
setTimeout(function(){
loginLayer()
}, 300);
return;
}
if($(".photo-content-input").val()==''||$(".photo-content-input").val().split(" ").join("").length == 0){
layer.msg(langList[sessionStorage.lang].space23)
return;
}
if(comment1!=0&&comment2!=0){
commentSend(myTopicId,$(".photo-content-input").val(),comment1,comment2)
}else if(comment1!=0&&comment2==0){
commentSend(myTopicId,$(".photo-content-input").val(),comment1)
}else if(comment1==0&&comment2==0){
commentSend(myTopicId,$(".photo-content-input").val())
}
})
$(".good-btn").unbind("click").on("click",function(){
if(data.selfUp==1){
return;
}
var _self=$(this)
$.ajax({
url:$ip+'dynamic/topic/up',
data:{
token:localStorage.token,
uid:localStorage.uid,
topicId:myTopicId,
cancel:_self.attr("data-type"),
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('動態點讚',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
if(_self.attr("data-type")==0){
$(".good-btn").attr("data-type",'1');
$(".good-btn").attr("src","images/icon2-click.png")
$(".good-box span").text((Number($(".good-box span").text())+1))
}
else if(_self.attr("data-type")==1){
$(".good-btn").attr("data-type",'0');
$(".good-btn").attr("src","images/icon2.png")
$(".good-box span").text((Number($(".good-box span").text())-1))
}
}
})
})
}
})
commentList(e)
}
function commentSend(e,contentStr,comm,reId){
var obj={
"text": ""+contentStr+"",
}
$.ajax({
url:$ip+'dynamic/comment/send',
data:{
uid:localStorage.uid,
token:localStorage.token,
topicId:e,
commentId:comm,
replyId:reId,
content:JSON.stringify(obj),
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('發佈評論',data)
if(data.code==1){
layer.msg(langList[sessionStorage.lang].space22)
$(".photo-content-input").val("")
setTimeout(function() {
commentList(e)
},500);
}else{
layer.msg(data.msg)
}
}
})
}
function commentList(e){
$.ajax({
url:$ip+'dynamic/comment/list',
data:{
topicId:e,
pageNum:1,
pageSize:99,
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('查看评论列表',data)
$(".photo-content-input").val("")
$(".photo-content-input").attr("placeholder",langList[sessionStorage.lang].space23)
setTimeout(function() {
comment1=0
comment2=0
var rightHeight=900-$(".photo-content-center").height()-80-75
$(".photo-content-right-ul").height(rightHeight)
if(data.commentResult.length==0){
$(".photo-content-right-ul").html('');
return;
}
var html=[];
for(var i=0;i<data.commentResult.length;i++){
var list=data.commentResult[i]
if(data.systemDate-list.updateTime<86400000){
var outTime=Math.ceil((data.systemDate-list.updateTime)/3600000)+langList[sessionStorage.lang].space24
}else{
var outTime=timeGet(list.updateTime)[0]+'年'+timeGet(list.updateTime)[1]+'月'+timeGet(list.updateTime)[2]+'日 '+timeGet(list.updateTime)[2]+':'+timeGet(list.updateTime)[3]
}
html+='<li>';
html+='<img class="photo-message-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
html+='<p class="photo-message-name">'+list.nickname+'</p>';
if(JSON.parse(list.content).images!=undefined){
html+='<p class="photo-message-content">'+JSON.parse(list.content).text+'<br><img class="small-img" src="https://zhibocdn.yabolive.net/comm'+JSON.parse(list.content).images[0].url+'?x-oss-process=image/resize,w_300"></p>';
}
else html+='<p class="photo-message-content">'+JSON.parse(list.content).text+'</p>';
html+='<p class="photo-message-time">'+list.remark+' <span data-type='+list.commentId+' class="Reply-btn">'+langList[sessionStorage.lang].space25+'</span></p>';
if(list.replyResult.length!=0){
html+='<div class="photo-more-message">';
for(var j=0;j<list.replyResult.length;j++){
if(data.systemDate-list.replyResult[j].updateTime<86400000){
var outTime2=Math.ceil((data.systemDate-list.replyResult[j].updateTime)/3600000)+langList[sessionStorage.lang].space24
}else{
var outTime2=timeGet(list.replyResult[j].updateTime)[0]+'年'+timeGet(list.replyResult[j].updateTime)[1]+'月'+timeGet(list.replyResult[j].updateTime)[2]+'日 '+timeGet(list.replyResult[j].updateTime)[2]+':'+timeGet(list.replyResult[j].updateTime)[3]
}
html+='<div class="more-message-box">';
html+='<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm'+list.replyResult[j].face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
if(list.replyResult[j].toNickname!=undefined)html+='<p class="more-message-content"><span>'+list.replyResult[j].nickname+'</span>'+langList[sessionStorage.lang].space25+''+list.replyResult[j].toNickname+':'+JSON.parse(list.replyResult[j].content).text+'</p>';
else html+='<p class="more-message-content"><span>'+list.replyResult[j].nickname+':</span> '+JSON.parse(list.replyResult[j].content).text+'</p>';
//插入图片
if(JSON.parse(list.replyResult[j].content).images!=undefined){
html+='<p style="width:250px" class="photo-message-content">'+JSON.parse(list.replyResult[j].content).text+'<br><img class="small-img" src="https://zhibocdn.yabolive.net/comm'+JSON.parse(list.replyResult[j].content).images[0].url+'?x-oss-process=image/resize,w_300"></p>'
}
html+='<p class="more-message-time">'+list.replyResult[j].remark+' <span data-type='+list.commentId+' data-type2='+list.replyResult[j].commentId+' class="Reply-btn2">'+langList[sessionStorage.lang].space25+'</span></p>';
html+='</div>';
}
if(list.reply>2)html+='<p class="more-replay">共'+list.reply+'條'+langList[sessionStorage.lang].space25+' <span data-type2="'+e+'" data-type='+list.commentId+' class="comment-more">'+langList[sessionStorage.lang].space26+'</span></p>'
html+='</div>';
}
html+='</li>';
}
$(".photo-content-right-ul").html(html);
$(".small-img").unbind("click").on("click",function(){
var _self=$(this)
if(_self.hasClass("big-img")){
_self.removeClass("big-img")
}else{
_self.addClass("big-img")
}
})
$(".Reply-btn").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){
loginLayer()
}, 300);
return;
}
var _self=$(this);
comment1=_self.attr("data-type")
$(".photo-content-input").attr("placeholder",''+langList[sessionStorage.lang].space25+''+_self.parent().siblings(".photo-message-name").text()+':')
$(".photo-content-input").val('')
$('.photo-content-input').focus()
})
$(".Reply-btn2").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){
loginLayer()
}, 300);
return;
}
var _self=$(this);
comment1=_self.attr("data-type")
comment2=_self.attr("data-type2")
$(".photo-content-input").attr("placeholder",''+langList[sessionStorage.lang].space25+''+_self.parent().siblings(".more-message-content").children("span").text()+':')
$(".photo-content-input").val('')
$('.photo-content-input').focus()
})
$(".comment-more").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){
loginLayer()
}, 300);
return;
}
_self=$(this)
$.ajax({
url:$ip+'dynamic/reply/getList',
data:{
topicId:_self.attr("data-type2"),
pageNum:1,
pageSize:99,
commentId:_self.attr("data-type"),
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('加載更多回復',data)
if(data.code!=1){
layer.msg(data.msg);
}
var html=[];
for(var i=0;i<data.replyList.length;i++){
var list=data.replyList[i]
html+='<div class="more-message-box">';
html+='<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
if(list.toNickname!=undefined)html+='<p class="more-message-content"><span>'+list.nickname+'</span>'+langList[sessionStorage.lang].space25+''+list.toNickname+':'+JSON.parse(list.content).text+'</p>';
else html+='<p class="more-message-content"><span>'+list.nickname+':</span> '+JSON.parse(list.content).text+'</p>';
html+='<p class="more-message-time">'+list.remark+' <span data-type='+_self.attr("data-type")+' data-type2='+list.commentId+' class="Reply-btn2">'+langList[sessionStorage.lang].space25+'</span></p>';
html+='</div>';
}
$(".more-replay").hide()
_self.parent().parent().html(html);
$(".Reply-btn2").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
loginLayer()
return;
}
var _self=$(this);
comment1=_self.attr("data-type")
comment2=_self.attr("data-type2")
$(".photo-content-input").attr("placeholder",''+langList[sessionStorage.lang].space25+''+_self.parent().siblings(".more-message-content").children("span").text()+'')
$(".photo-content-input").val('')
$('.photo-content-input').focus()
})
}
})
})
}, 300);
}
})
}
})
</script>
</html>