<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3V6KZGW418"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3V6KZGW418');
</script>
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon-precomposed" href="icon/fox-icon.png">
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/spark-md5.min.js"></script>
<script src="lib/default.js?v=2022123001"></script>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#fff">
<meta name="application-name">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title">
<meta name="wap-font-scale" content="no">
<meta name="google" content="notranslate"/>
<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，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css?v=2022112904">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2022120104">
<link rel="stylesheet" href="css/login.css?v=2022120104">
<link rel="manifest" href="manifest.webmanifest?v=2022120601" />
<script async defer src="lib/hello.js"></script>
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
<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: #d9d9d9">
<div class="layer-tips">
<div class="layer-tips-close"></div>
<div class="layer-tips-btn"></div>
</div>
<div class="layer-ios">
<div class="layer-ios-close"></div>
</div>
<button class="add-button">
<div class="add-button-close"></div>
</button>
<div class="top-box">
<ul class="top-box-ul">
<li class="top-box-li-click"><span class="top-text1">直播</span> <img class="click-img" src="images/click.png" alt=""></li>
<a href="videoPage.html"><li><span class="top-text2">影片</span></li></a>
</ul>
<div class="first-login-btn ">登入/註冊</div>
</div>
<div class="bottom-nav">
<div><div class="bottom-nav-img1 bottom-nav-img1-click"></div><p class="bottom-p-click bottom-p-name1">首頁</p></div>
<div><div class="bottom-nav-img2"></div><p class="bottom-p-name2">追蹤</p></div>
<div><div class="bottom-nav-img4"></div><p class="bottom-p-name3">約會</p></div>
<div><div class="bottom-nav-img3"></div><p class="bottom-p-name4">我的</p></div>
</div>
<div class="nav-shadow"></div>
<div class="phone-bg">
<div class="box1">
<!-- <div class="top-nav">
<div class="nav-btn">
<div class="nav-click"><span class="txt1">直播</span><img class="click-img" src="images/click.png" alt="激情美女影片"></div>
<div><a style="color: #FFABEE;" href="videoPage.html"><span class="txt2">影片</span></a><img class="click-img" src="images/click.png" alt="絲足"></div>
</div>
</div> -->
<div style="height: 1.5rem;"></div>
<ul class="live-ul clearfix">
<!-- <li>
<img class="secret" src="images/secret-no.png" alt="">
<div class="hot-num-box"><img src="images/hot.png"><span>1235</span></div>
<img class="live-li-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_180" alt="">
<div class="live-shadow"></div>
<div class="live-bottom-box">
<p>主播暱稱預留</p>
<p>農夫山泉有點甜啊</p>
</div>
</li> -->
</ul>
<div style="height: 1.4rem;"></div>
</div>
<div style="display: none;" class="box2">
<h2>追蹤</h2>
<div class="box2-search-box">
<img class="search-icon" src="images/search-icon.png" alt="">
<input maxlength="50" class="box2-search-input" placeholder="搜索" type="text">
<img class="search-del" src="images/del.png" alt="">
</div>
<ul class="live-ul clearfix">
<!-- <li>
<div class="hot-num-box"><img src="images/hot.png"><span>1235</span></div>
<img class="live-li-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_180" alt="">
<div class="live-shadow"></div>
<div class="live-bottom-box">
<p>主播暱稱預留</p>
<p>農夫山泉有點甜啊</p>
</div>
</li> -->
</ul>
<div style="height: 1.4rem;"></div>
</div>
<div style="display: none;" class="box3">
<div class="zone-top">
<img class="zone-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_100" alt="">
<div class="zone-top-like-box">
<div>96</div>
<div>追蹤</div>
</div>
<div class="zone-top-fans-box">
<div>220</div>
<div>粉絲</div>
</div>
<div class="zone-top-btn">管理個人資料</div>
</div>
<div class="zone-content">
<div class="zone-content-box1">
<div class="zone-content-box1-id"> <div></div></div>
<div class="zone-content-box1-poster"><img src="images/poster.png"></div>
<div class="zone-content-box1-card clearfix">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="zone-content-box1-tips"></div>
</div>
<div class="zone-rich-box">
<span>收穫羽毛</span>
<span><img src="images/fire.png" alt=""> <span class="zone-rich-box-num">--</span></span>
</div>
<div class="zone-diamond-box">
<span>贈出寶石</span>
<span><img src="images/diamond.png" alt=""> <span class="zone-diamond-box-num">--</span></span>
</div>
<div class="zone-car-box">
<span>座駕</span>
<span class="zone-car-content"> <span>></span></span>
</div>
<div class="zone-medal-box">
<span>勛章</span>
<span>
<ul class="zone-medal-ul">
<!-- <li><img src="https://zhibocdn.yabolive.net/comm/img/medal/wzzm1.png?x-oss-process=image/resize,w_45" alt=""></li>
<li><img src="https://zhibocdn.yabolive.net/comm/img/medal/wzzm1.png?x-oss-process=image/resize,w_45" alt=""></li>
<li><img src="https://zhibocdn.yabolive.net/comm/img/medal/wzzm1.png?x-oss-process=image/resize,w_45" alt=""></li> -->
</ul>
<span class="zone-arrow">></span>
</span>
</div>
<ul class="zone-photo-ul clearfix">
<!-- <li>
<p class="zone-photo-title">一見你的眼睛，我便清醒起來我更歡</p>
<div class="zone-photo-bottom-box">
<span class="zone-photo-bottom-p1"><img src="images/message.png" alt=""> 27</span>
<span class="zone-photo-bottom-p2"><img src="images/good.png" alt=""> 52</span>
<span class="zone-photo-bottom-p3">00:15</span>
</div>
<div class="zone-photo-shadow"></div>
<img class="zone-photo-img" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_255" alt="">
</li> -->
</ul>
<div style="height: 1.4rem;"></div>
</div>
</div>
<div style="display:none;" class="box4">
<div class="search-box">
<div class="search-top">
<div class="search-input-box">
<span class="search-back"><</span>
<img class="box4-search-icon" src="images/search-icon.png" alt="">
<div class="more-input-box">
<input maxlength="50" placeholder="搜索" class="search-input" type="text">
</div>
<img class="box4-search-del" src="images/del.png" alt="">
</div>
<div class="search-nav">
<div data-type="1" class="search-nav-click">用戶<div class="search-box-bottom"></div></div>
<div data-type="2">影片<div class="search-box-bottom"></div></div>
</div>
</div>
<div style="height: 2.1rem;"></div>
<ul class="search-ul">
<!-- <li>
<div class="search-box1">
<img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
<p>主播暱稱預留</p>
</div>
<div class="search-box2">
<div class="search-like-box">追蹤</div>
</div>
</li> -->
</ul>
<div style="height:1.5rem"></div>
</div>
</div>
<div style="display: none;" class="box5">
<div class="down-bg">
<div class="down-txt1"></div>
<div class="down-txt2"></div>
<div class="down-btn"></div>
</div>
</div>
</div>
<div class="login-box">
<div class="login-show">
<span class="login-close">×</span>
<div class="login-p1">登入/註冊</div>
<div class="login-phone-btn"><img src="images/phone-icon2.png">Phone</div>
<div class="login-google-btn"><img src="images/google1.png">Google<div id="buttonDiv-big"></div></div>
<div class="login-line"></div>
<div class="login-line-text">其他方式登入</div>
<ul class="login-more-btn">
<li class="line_btn"><img src="images/d2.png" alt=""></li>
<li class="facebook_btn"><img src="images/d3.png" alt=""></li>
<li class="twitter_btn"><img src="images/d4.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="login1">
<span class="login-close">×</span>
<div class="login-p1">登入/註冊</div>
<div class="login-area">
<span>國家/地區</span>
<span><span class="area-span">中國</span>></span>
</div>
<div class="login-phone">
<img src="images/phone-icon.png" alt="">
<input class="login-phone-input" placeholder="請輸入手機號" type="text">
</div>
<div class="login-btn">登入</div>
<p class="login-tips">未註冊的手機將為你免費創建賬號</p>
<div class="login-line"></div>
<div class="login-line-text">其他方式登入</div>
<ul class="login-more-btn">
<li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv1"></div></li>
<li class="line_btn"><img src="images/d2.png" alt=""></li>
<li class="facebook_btn"><img src="images/d3.png" alt=""></li>
<li class="twitter_btn"><img src="images/d4.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="login2">
<span class="login-close">×</span>
<div class="login-p1">登入/註冊</div>
<div class="login-area">
<span>國家/地區</span>
<span><span class="area-span">中國</span>></span>
</div>
<div class="login-phone">
<img src="images/phone-icon.png" alt="">
<input class="login-phone-input" placeholder="請輸入手機號" type="text">
</div>
<div class="login-password">
<img src="images/suo-icon.png" alt="">
<input class="login-password-input" placeholder="请输入密码" type="password">
</div>
<div class="login-btn">登入</div>
<p class="login-tips">未註冊的手機將為你免費創建賬號</p>
<!-- <div class="login-line"></div>
<div class="login-line-text">其他方式登入</div> -->
<ul class="login-more-btn">
<li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv2"></div></li>
<li class="line_btn"><img src="images/d2.png" alt=""></li>
<li class="facebook_btn"><img src="images/d3.png" alt=""></li>
<li class="twitter_btn"><img src="images/d4.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="register">
<span class="login-close">×</span>
<div class="login-p1">註冊</div>
<div class="register-area">
<span class="register-area-p1">國家/地區</span>
<span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span>
</div>
<div class="register-phone">
<img class="register-phone-icon" src="images/phone-icon.png" alt="">
<span class="register-phone-number">+86</span>
<input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text">
<span class="register-code-get">驗證碼</span>
</div>
<div class="register-code-box">
<img class="code-icon" src="images/code-icon.png" alt="">
<input class="register-code-input" placeholder="請輸入驗證碼" type="text">
</div>
<div class="register-password-box">
<img class="suo-icon" src="images/suo-icon.png" alt="">
<input class="password-input" placeholder="請設置6-16位新密碼" type="text">
</div>
<div class="register-change-btn">創建免費賬戶</div>
<p class="register-tips">通過註冊，即代表您同意使用條款</p>
<div class="login-line"></div>
<div class="login-line-text">其他方式登入</div>
<ul class="login-more-btn">
<li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv3"></div></li>
<li class="line_btn"><img src="images/d2.png" alt=""></li>
<li class="facebook_btn"><img src="images/d3.png" alt=""></li>
<li class="twitter_btn"><img src="images/d4.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="reset">
<span class="login-close">×</span>
<div class="login-p1">重置密码</div>
<div class="register-area">
<span class="register-area-p1">國家/地區</span>
<span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span>
</div>
<div class="register-phone">
<img class="register-phone-icon" src="images/phone-icon.png" alt="">
<span class="register-phone-number">+86</span>
<input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text">
<span class="register-code-get">驗證碼</span>
</div>
<div class="register-code-box">
<img class="code-icon" src="images/code-icon.png" alt="">
<input class="register-code-input" placeholder="請輸入驗證碼" type="text">
</div>
<div class="register-password-box">
<img class="suo-icon" src="images/suo-icon.png" alt="">
<input class="password-input" placeholder="請設置6-16位新密碼" type="text">
</div>
<div class="register-password-box">
<img class="suo-icon" src="images/suo-icon.png" alt="">
<input class="password-input" placeholder="請再次輸入新密碼" type="text">
</div>
<div class="reset-btn">確定</div>
</div>
</div>
<div class="area-phone-box">
<div class="area-phone-top">
<div class="area-phone-title">選擇國家</div>
<span class="area-close">x</span>
<div class="area-search">
<img class="search-icon" src="images/search.png" alt="">
<input placeholder="搜尋" class="area-search-input" type="text">
</div>
</div>
<div style="height: 2.5rem;"></div>
<ul class="area-ul">
<!-- <li>
<div class="area-li-box1">Hong Kong(香港)</div>
<div class="area-li-box2">+852</div>
</li> -->
</ul>
<div class="search-no-li">暫無該國家地區</div>
</div>
<div class="right-nav">
<div class="right-nav-top">
<img class="logo2" src="images/logo2.png" alt="">
<span class="close-right">×</span>
</div>
<div class="right-nav-content">
<div class="right-list-box right-login-box">登入/註冊</div>
<div class="right-list-box right-list-box-reg">儲值</div>
<div class="right-list-box right-list-box-ref2">刷新</div>
</div>
</div>
</body>
<script src="layer-v3.1.0/layer/layer.js"></script>
<!-- <script src="lib/fingerprint2.js"></script> -->
<script src="lib/login.js?v=2022120501"></script>
<script src="index.js?v=2022122201" defer=""></script>
<!-- <script src="index.js" defer></script> -->
<!-- <link rel="manifest" href="manifest.webmanifest" /> -->
<script>
$(function(){
var browserLang = navigator.language
if(browserLang.indexOf("zh")==-1){
$(".bottom-p-name1").text('Popular')
$(".bottom-p-name2").text('Follow')
$(".bottom-p-name3").text('Dates')
$(".bottom-p-name4").text('Me')
$(".top-text1").text('Live')
$(".top-text2").text('Video')
$(".box2 >h2").text("Search")
$(".box2-search-input").attr("placeholder","Search")
$(".zone-top-btn").text('Manage personal profile')
$(".zone-top-like-box >div").eq(1).text('Follow')
$(".zone-top-fans-box >div").eq(1).text("Fans")
$(".zone-rich-box span").eq(0).text('FEATHERs Received')
$(".zone-diamond-box span").eq(0).text('GEMs Sent')
$(".zone-car-box span").eq(0).text('Car')
$(".zone-medal-box span").eq(0).text('Badges')
}
//判斷渠道
liveList(1)
if(sessionStorage.type=="pwa"){
$.ajax({
url:$ip+'activeLog/webActive',
data:{
activeType:8,
pageID:localStorage.canvasCode,
},
success:function(data){
}
})
$(".bottom-nav").css("height","1.8rem")
}
if(sessionStorage.pmt!=undefined&&sessionStorage.pmt!='undefined'){
if(sessionStorage.pmt=="other"){
$.ajax({
url:$ip+'activeLog/h5Active',
data:{
pmt:'ftsH5',
pageID:localStorage.canvasCode
},
success:function(data){
history.pushState('','','/mobile/');
sessionStorage.pmt='undefined'
}
})
return;
}
var pmtNumber=sessionStorage.pmt.split('/d/')[1]
$.ajax({
url:$ip+'frontPage/queryLinkNumberCid',
type: 'get',
data:{
linkNumber:pmtNumber,
// pageID:localStorage.canvasCode,
},
dataType: "JSON",
async:false,
success:function(data){
// console.log(data)
if(data.code==1){
myCid=data.h5Cid
sessionStorage.apk=data.downloadLink
}
}
})
$.ajax({
url:$ip+'activeLog/h5Active',
data:{
pmt:myCid,
pageID:localStorage.canvasCode
},
async:false,
success:function(data){
// history.pushState('','','/mobile/');
// sessionStorage.pmt='undefined'
sessionStorage.myCid=myCid
$.ajaxSetup({
global: false,
type: 'get',
data: {
lang:2,
os:'h5',
cid:sessionStorage.myCid,
webVersion:'1000',
uid: localStorage.uid,
token: localStorage.token,
},
dataType: "JSON"
})
}
})
}
var ua = window.navigator.userAgent.toLowerCase();
var dHeight=$(document).height()
$(".right-nav").css("height",$(document).height())
var noUser=false;
sessionStorage.lookNum=0
//用户是否第一次进入
if(localStorage.oneGoing==undefined){
localStorage.oneGoing=1
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["8.4rem", "14.57rem"],
content: $(".layer-tips"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}
//ios首次登陆
var ua = window.navigator.userAgent.toLowerCase();
if(sessionStorage.oneLogin==1){
if (/iphone|ipad|ipod/.test(ua)) {
if(sessionStorage.type=="pwa")return;
sessionStorage.oneLogin=0
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["7.3rem", "12.24rem"],
content: $(".layer-ios"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}
}
//ios中PWA隱藏約會
if(sessionStorage.type=="pwa"){
var ua = window.navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
$(".bottom-nav >div").eq(2).hide()
$(".bottom-nav >div").css("width","33.3%")
$(".bottom-nav p").css("width","3.33rem")
}
}
//用户是否登录
if(localStorage.uid!==undefined&&localStorage.uid!="undefined"){
userInfo()
userCard()
}
$(".add-button-close").on("click",function(){
$(".add-button").fadeOut(350)
event.stopPropagation();
})
if(localStorage.uid==undefined){
$(".first-login-btn").show()
$(".first-login-btn").on("click",function(){
if(localStorage.uid==undefined){
$(".nav-shadow").show()
loginPage()
return
}
})
}
$(".zone-top-btn").on("click",function(){
window.location.href="revise.html"
})
$(".layer-ios-close,.layer-tips-close,.layer-tips-btn").on("click",function(){
layer.closeAll()
})
$(".bottom-nav-img1").on("click",function(){
$("body").css("background","rgb(217, 217, 217)")
$(".bottom-nav >div >p").removeClass("bottom-p-click")
$(this).siblings("p").addClass("bottom-p-click")
$(".box2").hide()
$(".box3").hide()
$(".box4").hide()
$(".box5").hide()
$(".box1").fadeIn(350)
$(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
$(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
$(".bottom-nav-img4").removeClass("bottom-nav-img4-click")
$(".bottom-nav-img1").addClass("bottom-nav-img1-click")
$(".top-box").show()
})
$(".bottom-nav-img2").on("click",function(){
if(localStorage.uid==undefined){
$(".nav-shadow").show()
loginPage()
return
}
$(".bottom-nav >div >p").removeClass("bottom-p-click")
$(this).siblings("p").addClass("bottom-p-click")
$("body").css("background","rgb(217, 217, 217)")
likeList()
$(".box1").hide()
$(".box3").hide()
$(".box4").hide()
$(".box5").hide()
$(".box2").fadeIn(350)
$(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
$(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
$(".bottom-nav-img4").removeClass("bottom-nav-img4-click")
$(".bottom-nav-img2").addClass("bottom-nav-img2-click")
$(".top-box").hide()
})
$(".bottom-nav-img3").on("click",function(){
// if(localStorage.uid==undefined){
// $(".nav-shadow").show()
// loginPage()
// return
// }
// $("bottom-nav >div >p").removeClass("bottom-p-click")
// $(this).siblings("p").addClass("bottom-p-click")
$(".right-nav").css("right","0rem")
rightNavShow=true;
$(".nav-shadow").show()
// $("body").css("background","rgb(217, 217, 217)")
// $(".box1").hide()
// $(".box2").hide()
// $(".box4").hide()
// $(".box5").hide()
// $(".box3").fadeIn(350)
// $(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
// $(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
// $(".bottom-nav-img4").removeClass("bottom-nav-img4-click")
// $(".bottom-nav-img3").addClass("bottom-nav-img3-click")
// zoneList()
})
$(".bottom-nav-img4").on("click",function(){
$(".bottom-nav >div >p").removeClass("bottom-p-click")
$(this).siblings("p").addClass("bottom-p-click")
$("body").css("background","#fff")
$(".top-box").hide()
$(".box1").hide()
$(".box2").hide()
$(".box4").hide()
$(".box3").hide()
$(".box5").show()
$(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
$(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
$(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
$(".bottom-nav-img4").addClass("bottom-nav-img4-click")
if (/iphone|ipad|ipod/.test(ua)) {
$(".down-btn").css("background","url(images/down-btn2.png) no-repeat")
$(".down-btn").css("background-size","100% 100%")
}
$(".down-btn").on("click",function(){
var ua = window.navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["7.3rem", "12.24rem"],
content: $(".layer-ios"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}else{
if(sessionStorage.apk!=undefined) window.location.href=sessionStorage.apk
else window.location.href="https://bgps2.yazhai.co/footseexyz/apk/ftsBH5SY.apk"
}
})
})
$(".box2 .search-icon").on("click",function(){
$(".box1").hide()
$(".box2").hide()
$(".box3").hide()
$(".box4").fadeIn(350)
$(".box4 .search-input").val($(".box2-search-input").val())
searchGoUser($(".box2-search-input").val(),99)
$(".search-nav div").removeClass("search-nav-click")
$(".search-nav div").eq(0).addClass("search-nav-click")
})
$(".box2-search-input").on("keydown",function(event){
if(event.keyCode==13){
if($(".box2-search-input").val()==''){
layer.msg("請輸入您要搜索的內容")
return;
}
$(".box1").hide()
$(".box2").hide()
$(".box3").hide()
$(".box4").fadeIn(350)
$(".box4 .search-input").val($(".box2-search-input").val())
searchGoUser($(".box2-search-input").val(),99)
$(".search-nav div").removeClass("search-nav-click")
$(".search-nav div").eq(0).addClass("search-nav-click")
}
})
$(".box4 .search-input").on("keydown",function(event){
if(event.keyCode==13){
if($(".box4 .search-input").val()==''){
layer.msg("請輸入您要搜索的內容")
return;
}
if($(".search-nav-click").attr('data-type')==1){
searchGoUser($(".box4 .search-input").val(),99)
}
if($(".search-nav-click").attr('data-type')==2){
searchGoVideo($(".box4 .search-input").val(),99)
}
}
})
$(".box4-search-icon").on("click",function(){
if($(".box4 .search-input").val()==''){
layer.msg("請輸入您要搜索的內容")
return;
}
if($(".search-nav-click").attr('data-type')==1){
searchGoUser($(".box4 .search-input").val(),99)
}
if($(".search-nav-click").attr('data-type')==2){
searchGoVideo($(".box4 .search-input").val(),99)
}
})
$(".box4-search-del").on("click",function(){
$(".box4 .search-input").val('')
})
$(".search-nav div").on("click",function(){
var _self=$(this);
$(".search-nav div").removeClass("search-nav-click")
if(_self.attr("data-type")==1){
_self.addClass("search-nav-click")
searchGoUser($(".box4 .search-input").val(),99)
}
if(_self.attr("data-type")==2){
_self.addClass("search-nav-click")
searchGoVideo($(".box4 .search-input").val(),99)
}
})
$(".right-list-box-reg").unbind("click").on("click",function(){
$.ajax({
url:$ip+'activeLog/webActive',
data:{
activeType:4,
pageID:localStorage.canvasCode,
},
async:false,
success:function(data){
}
})
window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&os=h5&appversion=7&osStr=h5")
})
$(".search-back").on("click",function(){
likeList()
$(".box1").hide()
$(".box3").hide()
$(".box4").hide()
$(".box2").fadeIn(350)
$(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
$(".bottom-nav-img3").removeClass("bottom-nav-img3-click")
$(".bottom-nav-img2").addClass("bottom-nav-img2-click")
})
$(".search-del").on("click",function(){
$(".box2-search-input").val("")
})
$(".right-nav").on("touchmove",function(event){
event.preventDefault();
});
$(".right-list-box-ref2").unbind("click").on("click",function(){
window.location.reload()
})
function userInfo(){
$.ajax({
url:$ip+'user/queryUserBaseInfo',
data:{
uid:localStorage.uid,
pass: true,
token:localStorage.token,
pageID:localStorage.canvasCode,
},
success:function(data){
// console.log('獲取用戶基本信息',data)
if(data.code!=1){
layer.msg(data.msg)
window.localStorage.removeItem("uid")
window.localStorage.removeItem("token")
setTimeout(function() {
window.location.reload()
}, 500);
return;
}
$(".top-box").append('<img class="top-box-face" src="https://zhibocdn.yabolive.net/comm'+data.userData.face+'?x-oss-process=image/resize,w_100">')
$(".top-box").unbind("click").on("click",function(){
$(".right-nav").css("right","0rem")
rightNavShow=true;
$(".nav-shadow").show()
})
$(".zone-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.userData.face+"?x-oss-process=image/resize,w_100")
var html=[];
if(browserLang.indexOf("zh")==-1){
var text1='Recharge'
var text2='Refresh'
var text3='Quit'
}else{
var text1='儲值'
var text2='刷新'
var text3='登出'
}
html+='<div class="right-list-box right-list-box-face"><img src="https://zhibocdn.yabolive.net/comm'+data.userData.face+'?x-oss-process=image/resize,w_80"><p>'+data.userData.nickname+'</p><span>></span></div>';
html+='<div class="right-list-box right-list-box-reg">'+text1+' <span><img class="right-add" src="images/add.png"><img class="right-diamond" src="images/diamond.png">'+data.userData.diamond+'</span></div>';
html+='<div class="right-list-box right-list-box-ref">'+text2+'</div>'
html+='<div class="right-list-box right-list-box-out">'+text3+'</div>'
$(".right-nav-content").html(html)
$(".right-list-box-ref").unbind("click").on("click",function(){
window.location.reload()
})
$(".right-list-box-out").unbind("click").on("click",function(){
window.localStorage.removeItem("uid")
window.localStorage.removeItem("token")
layer.msg("登出成功")
setTimeout(function(){
window.location.reload()
}, 1000);
return;
})
$(".right-list-box-reg").unbind("click").on("click",function(){
$.ajax({
url:$ip+'activeLog/webActive',
data:{
activeType:4,
pageID:localStorage.canvasCode,
},
async:false,
success:function(data){
}
})
window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5")
})
$(".right-list-box-face").unbind("click").on("click",function(){
$("body").css("background","rgb(217, 217, 217)")
$(".bottom-nav >div >p").removeClass("bottom-p-click")
$(".bottom-p-name4").addClass("bottom-p-click")
$(".top-box").hide()
$(".box1").hide()
$(".box2").hide()
$(".box4").hide()
$(".box5").hide()
$(".box3").fadeIn(350)
$(".bottom-nav-img1").removeClass("bottom-nav-img1-click")
$(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
$(".bottom-nav-img4").removeClass("bottom-nav-img4-click")
$(".bottom-nav-img3").addClass("bottom-nav-img3-click")
zoneList()
$(".right-nav").css("right","-8rem")
rightNavShow=false
$(".nav-shadow").hide()
})
}
})
}
function userCard(){
$.ajax({
url:$ip+'zone/userInfo/dataCard',
data:{
fid:localStorage.uid,
pageID: localStorage.canvasCode,
uid:localStorage.uid,
pass: true,
token:localStorage.token
},
success:function(data){
// console.log('用户资料卡',data)
$(".zone-top-like-box div").eq(0).text(data.zoneData.myfollow)
$(".zone-top-fans-box div").eq(0).text(data.zoneData.followme)
if(data.zoneInfo.sex==-1)var sexyIcon=''
else if(data.zoneInfo.sex==0)var sexyIcon='♀'
else if(data.zoneInfo.sex==1)var sexyIcon='♂'
$(".zone-content-box1-id").html('ID: '+data.zoneInfo.uid+' <div class="sexBox'+data.zoneInfo.sex+'">'+sexyIcon+''+data.zoneInfo.age+'</div>')
if(data.zoneInfo.addr=='')$(".zone-content-box1-poster").html('<img src="images/poster.png">未知')
else $(".zone-content-box1-poster").html('<img src="images/poster.png">'+data.zoneInfo.addr+'')
$(".zone-rich-box-num").text(data.zoneData.charm)
$(".zone-diamond-box-num").text(data.zoneData.rich)
if(data.zoneData.motoring.resource!=undefined)$(".zone-car-content").html('<img src="https://zhibocdn.yabolive.net/comm'+data.zoneData.motoring.resource+'?x-oss-process=image/resize,w_45" alt=""> <span>></span>')
else $(".zone-car-content").html('<span>暂无 ></span>')
var html=[];
html+='<div>'+data.zoneInfo.constellation+'</div>';
if(data.zoneInfo.weight!='')html+='<div>'+data.zoneInfo.weight+'kg</div>';
if(data.zoneInfo.height!='')html+='<div>'+data.zoneInfo.height+'cm</div>';
html+='<div>' + data.zoneInfo.culture + '</div>';
html+='<div>' + data.zoneInfo.work + '</div>';
$(".zone-content-box1-card").html(html);
$(".zone-content-box1-tips").text(data.zoneInfo.sign.replace("Firefly Live","Footseen"))
var html=[];
for(var i=0;i<data.zoneData.medals.length;i++){
html+='<li><img src="https://zhibocdn.yabolive.net/comm'+data.zoneData.medals[i]+'?x-oss-process=image/resize,w_45" alt=""></li>';
}
$(".zone-medal-ul").html(html);
}
})
}
function liveList(e){
$.ajax({
url:$ip+'frontPage/queryLiveUsers/v2',
data:{
pageNum:e,
pageSize:100,
uid:localStorage.uid || '',
token:localStorage.token || '',
pageID:localStorage.canvasCode
},
success:function(data){
// console.log('直播列表',data)
var html=[];
var j=0
for(var i=0;i<data.normalRoomList.length;i++){
var list=data.normalRoomList[i]
if(i%2==0&&i!=0){
if(data.vipRoomList[j]!=undefined){
list2=data.vipRoomList[j]
j++;
html+='<a href="room/liveRoom.html?roomId='+list2.roomId+'&sound=1&v=2022112502&back=1"><li data-type="https://zhibocdn.yabolive.net/comm'+list2.face.split("?")[0]+'?x-oss-process=image/resize,w_180">';
if(list2.liveScope==3)html+='<img class="secret" src="images/Lock-no.png" alt="">';
if(list2.liveScope!=3)html+='<div class="hot-num-box"><img src="images/hot.png"><span>'+list2.onlinenum+'</span></div>';
// html+='<img class="live-li-face" src="images/layz.png" alt="">';
html+='<img class="live-li-face" src="https://zhibocdn.yabolive.net/comm'+list2.face.split("?")[0]+'?x-oss-process=image/resize,w_300" alt="">';
html+='<div class="live-shadow"></div>';
html+='<div class="live-bottom-box">';
html+='<p>'+list2.nickname+'</p>';
html+='<p>'+list2.introduce+'</p>';
html+='</div>';
html+='</li></a>';
}
}
html+='<a href="room/liveRoom.html?roomId='+list.roomId+'&sound=1&v=2022112502&back=1"><li data-type="https://zhibocdn.yabolive.net/comm'+list.face.split("?")[0]+'?x-oss-process=image/resize,w_180">';
if(list.liveScope==3)html+='<img class="secret" src="images/Lock-no.png" alt="">';
if(list.liveScope!=3)html+='<div class="hot-num-box"><img src="images/hot.png"><span>'+list.onlinenum+'</span></div>';
// html+='<img class="live-li-face" src="images/layz.png" alt="">';
html+='<img class="live-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split("?")[0]+'?x-oss-process=image/resize,w_300" alt="">';
html+='<div class="live-shadow"></div>';
html+='<div class="live-bottom-box">';
html+='<p>'+list.nickname+'</p>';
html+='<p>'+list.introduce+'</p>';
html+='</div>';
html+='</li></a>';
}
$(".box1 .live-ul").html(html);
}
})
}
function layzGo(){
}
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=[];
if(data.code==-504){
noUser=true;
return;
}
if(data.code==-20062){
setTimeout(function(){
searchGoUser(e,pageNum)
},500)
return;
}
// if(data.data.length==0){
// noUser=true;
// return;
// }
var html=[]
for(var i=0;i<pageNum;i++){
if(data.data[i]==undefined)break;
var list=data.data[i];
html+='<li>';
html+='<div class="search-box1">';
html+='<img class="search-face" data-type="'+list.uid+'" src="https://zhibocdn.yabolive.net/comm'+list.faceimg+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>';
html+='</div>';
html+='<div class="search-box2">';
if(list.selfLike==0)html+='<div data-type="'+list.uid+'" class="search-like-box search-like-box-no">追蹤</div>';
else html+='<div class="search-like-box search-like-box-yes">已追蹤</div>';
html+='</div>';
html+='</li>';
}
if(data.data.length==0){
html='<div class="no-search-box"><img src="images/no-search.png"><p>未找到 '+e+' 相關用戶</p></div>'
}
$(".search-ul").html(html)
$(".search-face").unbind("click").on("click",function(){
var _self=$(this)
layer.open({
type: 2,
title: false,
shadeClose: true,
skin: "yourclass9",
area: ["10rem", dHeight+'px'],
content: 'userRoom.html?tid='+_self.attr("data-type")+'',
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
})
$(".search-like-box-no").unbind("click").on("click",function(){
var _self=$(this)
$.ajax({
url:$ip+'room/likeOpt',
data:{
roomId:_self.attr("data-type"),
optType:1,
pass: true,
uid:localStorage.uid,
token:localStorage.token,
pageID: localStorage.canvasCode,
},
success:function(data){
//// console.log('關注',data)
if(data.code==1){
_self.unbind("click")
_self.addClass("search-like-box-yes")
_self.text("已追蹤")
layer.msg('追蹤成功')
}else{
layer.msg(data.msg)
}
}
})
})
}
})
}
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=[];
var videoNum=0
for(var i=0;i<pageNum;i++){
if(data.dataList[i]==undefined)continue
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
if(videoList.videos[0].cover==undefined)continue
videoNum++
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.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" 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(videoNum==0){
html='<div class="no-search-box"><img src="images/no-search.png"><p>未找到 '+e+' 相關影片</p></div>'
}
$(".search-ul").html(html)
$(".add-video-box").on("click",function(){
var _self=$(this)
layer.open({
type: 2,
title: false,
shadeClose: true,
skin: "yourclass9",
area: ["10rem", dHeight+'px'],
content: 'pageVideo.html?topicId='+_self.attr("data-type")+'',
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
})
}
})
}
function zoneList(){
$.ajax({
url:$ip+'zone/dynamic/album/getList',
data:{
zoneId:localStorage.uid,
pageNum:1,
pageSize:99,
pageID:localStorage.canvasCode
},
success:function(data){
// console.log('相册列表',data)
var html=[];
for(var i=0;i<data.dataList.length;i++){
if(data.dataList[i].type==3){
var list=data.dataList[i];
var content=JSON.parse(list.content)
html+='<li class="video-go" data-type='+list.topicId+'>';
html+='<p class="zone-photo-title">'+content.title+'</p>';
html+='<div class="zone-photo-bottom-box">';
html+='<span class="zone-photo-bottom-p1"><img src="images/message.png" alt=""> '+list.comment+'</span>';
html+='<span class="zone-photo-bottom-p2"><img src="images/good.png" alt=""> '+list.up+'</span>';
html+='<span class="zone-photo-bottom-p3">'+add0(Math.ceil(content.videos[0].duration/60000))+':'+add0(Math.ceil(content.videos[0].duration%60000/1000))+'</span>';
html+='</div>';
html+='<div class="zone-photo-shadow"></div>';
html+='<img class="zone-photo-img" src="https://zhibocdn.yabolive.net/comm'+content.videos[0].cover+'?x-oss-process=image/resize,w_255" alt="">';
html+='</li>';
}else if(data.dataList[i].type==2){
var list=data.dataList[i];
var content=JSON.parse(list.content)
html+='<li class="Graphics-go" data-type='+list.topicId+'>';
html+='<p class="zone-photo-title">'+content.title+'</p>';
html+='<div class="zone-photo-bottom-box">';
html+='<span class="zone-photo-bottom-p1"><img src="images/message.png" alt=""> '+list.comment+'</span>';
html+='<span class="zone-photo-bottom-p2"><img src="images/good.png" alt=""> '+list.up+'</span>';
html+='</div>';
html+='<div class="zone-photo-shadow"></div>';
html+='<img class="zone-photo-img" src="https://zhibocdn.yabolive.net/comm'+content.images[0].url+'?x-oss-process=image/resize,w_255" alt="">';
html+='</li>';
}
}
$(".zone-photo-ul").html(html)
$(".video-go").unbind("click").on("click",function(){
var _self=$(this)
layer.open({
type: 2,
title: false,
shadeClose: true,
skin: "yourclass9",
area: ["10rem", dHeight+'px'],
content: 'pageVideo.html?topicId='+_self.attr("data-type")+'',
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
})
$(".Graphics-go").unbind("click").on("click",function(){
var _self=$(this)
layer.open({
type: 2,
title: false,
shadeClose: true,
skin: "yourclass9",
area: ["10rem", dHeight+'px'],
content: 'pageImages.html?topicId='+_self.attr("data-type")+'',
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
})
}
})
}
function likeList(){
$.ajax({
url:$ip+'room/queryUserLikeList',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageNum:1,
pageSize:99,
pass: true,
pageID:localStorage.canvasCode
},
success:function(data){
// console.log('拉取關注列表',data)
var html=[];
liveNum=0
for(var i=0;i<data.rooms.length;i++){
var list=data.rooms[i]
if(list.liveState!=1)continue;
liveNum++
html+='<a href="room/liveRoom.html?roomId='+list.uid+'"><li>';
html+='<div class="hot-num-box"><img src="images/hot.png"><span>'+list.hotnum+'</span></div>';
html+='<img class="live-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_180" alt="">';
html+='<div class="live-shadow"></div>';
html+='<div class="live-bottom-box">';
html+='<p>'+list.nickname+'</p>';
html+='<p>'+list.introduce+'</p>';
html+='</div>';
html+='</li></a>';
}
if(liveNum==0){
html+='<div class="no-like-box"><img src="images/no-like.png"><p class="no-like-tips">你所關注的主播沒有正在直播中噢~</p><div class="no-like-btn">去逛逛</div></div>'
}
$(".box2 .live-ul").html(html);
$(".no-like-btn").unbind("click").on("click",function(){
$(".box2").hide()
$(".box1").fadeIn(350)
$(".bottom-nav-img2").removeClass("bottom-nav-img2-click")
$(".bottom-nav-img1").addClass("bottom-nav-img1-click")
})
}
})
}
var oneRem=window.innerWidth/10
var touchX=null;
var touchY=null;
var startX=null;
var startY=null;
// var goX=null
// var goY=null
var degNum=null
var goDeg=null //滑動角度
var zwidth=null;//滑動長度
var rightNavShow=false
//登录相关
$("body").on("touchstart",function(e){
startX=e.changedTouches[0].clientX
startY=e.changedTouches[0].clientY
zwidth=0
})
$("body").on("touchmove",function(e){
if(touchX==null){
touchX=e.changedTouches[0].clientX
touchY=e.changedTouches[0].clientY
return;
}
// if(e.changedTouches[0].clientY-startY>0)return
var xWidth=Math.abs(startX-e.changedTouches[0].clientX)
var yWidth=Math.abs(startY-e.changedTouches[0].clientY)
// zwidth=Math.floor(Math.sqrt(yWidth*yWidth+xWidth*xWidth)/oneRem*100)/100-1
zwidth=Math.floor(Math.sqrt(yWidth*yWidth+xWidth*xWidth)/oneRem*100)/100
//左右
if(startX>e.changedTouches[0].clientX){
//左
touchX=e.changedTouches[0].clientX
goDeg=Math.abs((-90+(asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY))))
}else if(startX<e.changedTouches[0].clientX){
//右
touchX=e.changedTouches[0].clientX
goDeg=Math.abs((90-asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY))*-1)
}
// 上下
if(touchY>e.changedTouches[0].clientY){
// // console.log("向上")
touchY=e.changedTouches[0].clientY
}else if(touchY<e.changedTouches[0].clientY){
// // console.log("向下")
touchY=e.changedTouches[0].clientY
}
})
$("body").on("touchend",function(e){
// goX=e.changedTouches[0].clientX-startX
// goY=e.changedTouches[0].clientY-startY
if(startX>e.changedTouches[0].clientX){
//向左
// // console.log(zwidth)
if(goDeg>150&&zwidth>3){
$(".right-nav").css("right","0rem")
rightNavShow=true;
$(".nav-shadow").show()
}
}
if(startX<e.changedTouches[0].clientX){
//向右
if(goDeg<30&&zwidth>3&&rightNavShow==true){
$(".right-nav").css("right","-8rem")
rightNavShow=false
$(".nav-shadow").hide()
}
}
if(startY<e.changedTouches[0].clientY){
//向下
// var ua = window.navigator.userAgent.toLowerCase();
// if (/iphone|ipad|ipod/.test(ua)) {
// if(sessionStorage.type!="pwa")return;
// if($("body").offset().top!=0)return;
// if(zwidth>3){
// setTimeout(function(){
// window.location.reload()
// },300)
// }
// }
}
})
function asinGo(x,y){
return degNum=Math.round(180*Math.asin(x/Math.sqrt(x*x+y*y))/Math.PI*10)/10
}
$(".right-login-box").on("click",function(){
loginPage()
})
$(".close-right").on("click",function(){
$(".right-nav").css("right","-8rem")
$(".nav-shadow").hide()
})
})
</script>
</html>