<!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>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="../css/login.css">
<link rel="stylesheet" href="css/index.css">
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script src="https://www.footseen.xyz/yazhaiTest/lib/hello.js"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
</head>
<style>
.m-box{
width: 1200px;
margin: 0 auto;
}
</style>
<body style="background: #F0F1F4;">
<div class="neck-nav">
<div class="neck-nav-content">
<a href="https://www.footseen.xyz/yazhaiTest/pc.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>
</div>
<div class="m-box">
<div style="height: 90px;"></div>
<h2 class="like-title">追蹤管理</h2>
<ul class="like-ul">
<!-- <li>
<p>主播暱稱預留</p>
<img class="like-face" src="https://zhibocdn.yabolive.net/comm/user/img/11128395/8b87365397474fe3be3b912456958d41.jpg?x-oss-process=image/resize,w_120" alt="">
<div class="like-user-btn1 like-user-btn2">已追蹤</div>
</li> -->
</ul>
</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='20220407'"></script>
<script src="../lib/login.js"></script>
<script>
$(function(){
loginGo()
likeList()
function likeList(){
$.ajax({
url:$ip+'room/queryUserLikeList',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageNum:1,
pageSize:99,
pageID:localStorage.canvasCode
},
success:function(data){
console.log('拉取關注列表',data)
var html=[];
if(data.rooms.length==0){
html+='<div class="like-no-box"><img src="images/no-icon.png"><p>暫無追蹤</p></div>'
$(".like-ul").html(html);
return
}
for(var i=0;i<data.rooms.length;i++){
var list=data.rooms[i];
if(list.liveState!=1)continue;
html+='<li>';
html+='<img class="like-live" src="images/live.png">'
html+='<p>'+list.nickname+'</p>';
html+='<a href="../room/liveRoom.html?roomId='+list.uid+'"><img class="like-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_120" alt=""></a>';
html+='<div data-type="2" data-type2="'+list.uid+'" class="like-user-btn1 like-user-btn2">已追蹤</div>';
html+='</li>';
}
for(var i=0;i<data.rooms.length;i++){
var list=data.rooms[i];
if(list.liveState!=0)continue;
html+='<li>';
html+='<p>'+list.nickname+'</p>';
html+='<a href="index.html?fid='+list.uid+'"><img class="like-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_120" alt=""></a>';
html+='<div data-type="2" data-type2="'+list.uid+'" class="like-user-btn1 like-user-btn2">已追蹤</div>';
html+='</li>';
}
$(".like-ul").html(html);
$(".like-user-btn1").unbind("click").on("click",function(){
var _self=$(this)
$.ajax({
url:$ip+'room/likeOpt',
data:{
roomId:_self.attr("data-type2"),
optType:_self.attr("data-type"),
uid:localStorage.uid,
token:localStorage.token,
pageID: localStorage.canvasCode,
},
success:function(data){
console.log('關注',data)
if(data.code==1){
if(_self.attr("data-type")==2){
console.log(2323)
_self.attr("data-type","1")
_self.removeClass("like-user-btn2")
_self.text("追蹤")
}
else if(_self.attr("data-type")==1){
_self.attr("data-type","2")
_self.addClass("like-user-btn2")
_self.text("已追蹤")
}
}else{
layer.msg(data.msg)
}
}
})
})
}
})
}
})
</script>
</html>