Skip to content

libai / footseen-large-website

Go to a project
Commit 40089eec by libai
Options

测试

parent b838b35c
Inline Side-by-side
Showing with 638 additions and 1 deletions
lineBack.html
...@@ -56,7 +56,8 @@ ...@@ -56,7 +56,8 @@
opentype:8, opentype:8,
authToken:mAutho.id_token, authToken:mAutho.id_token,
nickname:res.name, nickname:res.name,
facepath:res.picture facepath:res.picture,
pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
//console.log('line',data) //console.log('line',data)
......
vip/css/index.css 0 → 100644
.m-box {
width: 1200px;
margin: 0 auto;
position: relative;
}
.vip-h2 {
height: 70px;
line-height: 70px;
color: #333333;
font-size: 24px;
font-weight: 700;
text-indent: 14px;
}
.vip-h2 .vip-line {
background: #E53985;
height: 20px;
width: 4px;
border-radius: 20px;
position: absolute;
top: 25px;
left: 4px;
}
.vip-content {
width: 1200px;
position: relative;
margin-top: -8px;
}
.left-bg {
height: 774px;
width: 221px;
background: url(../images/left-bg.png) no-repeat;
}
.right-bg {
position: absolute;
right: -2px;
top: 6px;
width: 976px;
height: 763px;
background: url(../images/vip-bg2.png) no-repeat;
}
.vip-card {
width: 876px;
height: 329px;
background: url(../images/vip-card.png) no-repeat;
position: absolute;
top: 45px;
left: 50px;
}
.feather {
position: absolute;
right: 0;
top: 175px;
pointer-events: none;
}
.vip-bottom-bg {
width: 976px;
height: 481px;
background: url(../images/vip-bg.png) no-repeat;
position: absolute;
z-index: 2;
bottom: 0;
}
.left-vip-ul {
height: 522px;
width: 211px;
margin: 0 auto;
}
.left-vip-ul li {
height: 211px;
height: 58px;
text-align: center;
line-height: 58px;
color: #999999;
font-size: 20px;
font-weight: 700;
cursor: pointer;
}
.left-vip-ul .card-click {
background: url(../images/card-click.png) no-repeat;
color: #774710;
}
.vip-top-card {
height: 96px;
position: absolute;
width: 876px;
top: 30px;
}
.vip-top-card-face {
width: 64px;
height: 64px;
position: absolute;
border-radius: 50%;
left: 57px;
top: 15px;
}
.vip-top-card-p1 {
color: #333333;
font-size: 18px;
font-weight: 700;
text-indent: 135px;
padding-top: 24px;
}
.vip-top-card-p2 {
color: #666666;
font-size: 14px;
text-indent: 135px;
margin-top: 4px;
}
.vip-top-card-p3 {
width: 86px;
color: #fff;
font-size: 14px;
background: #D3C0A3;
height: 20px;
text-align: center;
border-radius: 20px;
margin-left: 134px;
margin-top: 4px;
}
.vip-content-card {
height: 80px;
width: 876px;
position: absolute;
top: 130px;
}
.vip-content-box1 {
height: 40px;
width: 876px;
position: relative;
line-height: 40px;
text-indent: 48px;
color: #5B4022;
}
.vip-content-box1 .vip-bar-box {
width: 400px;
height: 6px;
background: rgba(255, 255, 255, 0.5);
border-radius: 4px;
display: inline-block;
vertical-align: middle;
margin-top: -4px;
margin-left: 8px;
margin-right: 8px;
overflow: hidden;
}
.vip-content-box1 .vip-bar-box > div {
width: 50%;
height: 6px;
background: linear-gradient(to right, #E7B884, #B1793B);
border-radius: 4px;
}
.vip-content-box2 {
height: 40px;
width: 876px;
line-height: 40px;
text-indent: 48px;
color: #5B4022;
margin-top: -6px;
}
.vip-content-box2 span {
color: #E74F7E;
}
.vip-bottom-ul {
width: 768px;
margin: 0 auto;
position: relative;
margin-top: 50px;
}
.vip-bottom-ul li {
width: 192px;
height: 100px;
float: left;
font-size: 0;
position: relative;
text-align: center;
}
.vip-bottom-ul li > img {
padding-top: 14px;
}
.vip-bottom-ul li p {
color: #999999;
font-size: 14px;
}
.vip-bottom-btn-box {
width: 220px;
height: 120px;
position: absolute;
left: 50%;
margin-left: -110px;
bottom: 60px;
}
.vip-bottom-btn-p1 {
text-align: center;
font-size: 16px;
padding-top: 8px;
}
.vip-bottom-btn-p1 span {
color: #E62E74;
}
.vip-bottom-btn-p2 {
font-size: 12px;
color: #6D6D6D;
text-align: center;
padding-top: 6px;
}
.vip-bottom-btn {
width: 220px;
height: 50px;
background: #E62E74;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 16px;
border-radius: 50px;
margin-top: 10px;
}
.vip-tips1 {
width: 413px;
height: 257px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(16px);
position: absolute;
z-index: 5;
top: -256px;
left: 0;
}
.vip-tips1 .vip-tips-jiao {
position: absolute;
transform: rotate(135deg);
width: 10px;
height: 10px;
background: linear-gradient(to top right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.77) 50%, rgba(255, 255, 255, 0.77) 100%);
left: 91px;
top: 252px;
}
vip/css/index.less 0 → 100644
.m-box {
width: 1200px;
margin: 0 auto;
position: relative;
}
.vip-h2 {
height: 70px;
line-height: 70px;
color: #333333;
font-size: 24px;
font-weight: 700;
text-indent: 14px;
.vip-line{
background: #E53985;
height: 20px;
width: 4px;
border-radius: 20px;
position: absolute;
top: 25px;
left: 4px;
}
}
.vip-content{
width: 1200px;
position: relative;
margin-top: -8px;
}
.left-bg{
height: 774px;
width: 221px;
background: url(../images/left-bg.png)no-repeat;
}
.right-bg{
position: absolute;
right: -2px;
top: 6px;
width: 976px;
height: 763px;
background: url(../images/vip-bg2.png)no-repeat;
}
.vip-card{
width: 876px;
height: 329px;
background: url(../images/vip-card.png)no-repeat;
position: absolute;
top: 45px;
left: 50px;
}
.feather{
position: absolute;
right: 0;
top: 175px;
pointer-events: none;
}
.vip-bottom-bg{
width: 976px;
height: 481px;
background: url(../images/vip-bg.png)no-repeat;
position: absolute;
z-index: 2;
bottom: 0;
}
.left-vip-ul{
height: 522px;
width: 211px;
margin: 0 auto;
li{
height: 211px;
height: 58px;
text-align: center;
line-height: 58px;
color: #999999;
font-size: 20px;
font-weight: 700;
cursor: pointer;
}
.card-click{
background: url(../images/card-click.png)no-repeat;
color: #774710;
}
}
.vip-top-card{
height: 96px;
// background: pink;
position: absolute;
width: 876px;
top: 30px;
}
.vip-top-card-face{
width: 64px;
height: 64px;
position: absolute;
border-radius: 50%;
left: 57px;
top: 15px;
}
.vip-top-card-p1{
color: #333333;
font-size: 18px;
font-weight: 700;
text-indent: 135px;
padding-top: 24px;
}
.vip-top-card-p2{
color: #666666;
font-size: 14px;
text-indent: 135px;
margin-top: 4px;
}
.vip-top-card-p3{
width: 86px;
color: #fff;
font-size: 14px;
background: #D3C0A3;
height: 20px;
text-align: center;
border-radius: 20px;
margin-left: 134px;
margin-top: 4px;
}
.vip-content-card{
height: 80px;
width: 876px;
position: absolute;
top: 130px;
}
.vip-content-box1{
height: 40px;
width: 876px;
position: relative;
line-height: 40px;
text-indent: 48px;
color: #5B4022;
.vip-bar-box{
width: 400px;
height: 6px;
background: rgba(255,255,255,0.5);
border-radius: 4px;
display: inline-block;
vertical-align: middle;
margin-top: -4px;
margin-left: 8px;
margin-right: 8px;
overflow: hidden;
>div{
width: 50%;
height: 6px;
background:linear-gradient(to right,#E7B884,#B1793B);
border-radius: 4px;
}
}
}
.vip-content-box2{
height: 40px;
width: 876px;
line-height: 40px;
text-indent: 48px;
color: #5B4022;
margin-top: -6px;
span{
color: #E74F7E;
}
}
.vip-bottom-ul{
width: 768px;
margin: 0 auto;
position: relative;
margin-top: 50px;
li{
width: 192px;
height: 100px;
float: left;
font-size: 0;
// background: pink;
position: relative;
text-align: center;
>img{
padding-top: 14px;
}
p{
color: #999999;
font-size: 14px;
}
}
}
.vip-bottom-btn-box{
width: 220px;
height: 120px;
// background: pink;
position: absolute;
left: 50%;
margin-left: -110px;
bottom: 60px;
}
.vip-bottom-btn-p1{
text-align: center;
font-size: 16px;
padding-top: 8px;
span{
color: #E62E74;
}
}
.vip-bottom-btn-p2{
font-size: 12px;
color:#6D6D6D;
text-align: center;
padding-top: 6px;
}
.vip-bottom-btn{
width: 220px;
height: 50px;
background: #E62E74;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 16px;
border-radius: 50px;
margin-top: 10px;
}
.vip-tips1{
width: 413px;
height: 257px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
backdrop-filter: blur(16px);
position: absolute;
z-index: 5;
top: -256px;
left: 0;
.vip-tips-jiao{
position: absolute;
transform: rotate(135deg);
width: 10px;
height: 10px;
background: linear-gradient(to top right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.77) 50%, rgba(255, 255, 255, 0.77) 100%);
left: 91px;
top: 252px;
}
}
\ No newline at end of file
vip/index.html 0 → 100644
<!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-n-head="ssr" 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-VIP中心-腳控足控天堂-超激情美女主播視訊</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=20220704">
<link rel="stylesheet" href="css/index.css?v=20220630">
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script src="https://www.footseen.xyz/lib/hello.js"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
</head>
<body style="background: #F4F5F8;">
<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>
</div>
<div style="height: 60px;"></div>
<div class="m-box">
<div class="vip-h2"><div class="vip-line"></div>VIP中心</div>
<div class="vip-content">
<div class="left-bg">
<div style="height: 20px;"></div>
<ul class="left-vip-ul">
<li class="card-click">玄鐵</li>
<li>寶石</li>
<li>青銅</li>
<li>水晶</li>
<li>鉑金</li>
<li>鑽石</li>
<li>星耀</li>
<li>王者</li>
</ul>
</div>
<div class="right-bg">
<div class="vip-card">
<div class="vip-top-card">
<img class="vip-top-card-face" src="https://www.footseen.xyz/images/boy.png" alt="">
<p class="vip-top-card-p1">用戶暱稱預留</p>
<p class="vip-top-card-p3">未開通會員</p>
</div>
<div class="vip-content-card">
<div class="vip-content-box1">
VIP1 <div class="vip-bar-box"><div></div></div> VIP10
</div>
<div class="vip-content-box2">
當前等級:<span>VIP2</span>，再送<span>100</span>寶石即可升級為VIP3
</div>
</div>
</div>
<img class="feather" src="images/feather.png" alt="">
<div class="vip-bottom-bg">
<ul class="vip-bottom-ul">
<li>
<div class="vip-tips1">
<div class="vip-tips-p1"><div></div> 激活座駕</div>
<div class="vip-tips-p2">獲取條件</div>
<div class="vip-tips-p3">VIP1及以上用戶</div>
<div class="vip-tips-p4">特權說明</div>
<div class="vip-tips-p5">激活用戶擁有的座駕並在直播間展示。<br>注意：如果未開通VIP，即使擁有座駕也無法在直播間顯示。</div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t1-no.png" alt="">
<p>激活座駕</p>
</li>
<li>
<img src="images/t2-no.png" alt="">
<p>激活VIP等級</p>
</li>
<li>
<img src="images/t3-no.png" alt="">
<p>頭像掛件</p>
</li>
<li>
<img src="images/t4-no.png" alt="">
<p>尊貴名片</p>
</li>
<li>
<img src="images/t5-no.png" alt="">
<p>進場特效</p>
</li>
<li>
<img src="images/t6-no.png" alt="">
<p>發言框底色</p>
</li>
<li>
<img src="images/t7-no.png" alt="">
<p>進房間隱身</p>
</li>
<li>
<img src="images/t8-no.png" alt="">
<p>防踢防禁言</p>
</li>
</ul>
<div class="vip-bottom-btn-box">
<p class="vip-bottom-btn-p1">連續包月: <span>100寶石</span>/月</p>
<p class="vip-bottom-btn-p2">首次開通贈送XX座駕7天</p>
<div class="vip-bottom-btn">開通會員</div>
</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='20220407'"></script>
<script src="../lib/login.js?v=2022070501"></script>
<script src="../lib/qrcode.min.js"></script>
<script>
$(function(){
loginGo()
})
</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