Skip to content

libai / footseen-large-website

Go to a project
Commit 8f3ed344 by libai
Options

测试

parent 96ffd2ad
Expand all
Inline Side-by-side
Showing with 872 additions and 8 deletions
index.html
......@@ -131,7 +131,7 @@
</div>
<div class="video-list-box">
<h2 class="box-title box-title2">
<img src="images/front/category2.png" alt=""><span>影片互動分享</span>
<img src="images/front/category2.png" alt=""><span>激情影片分享</span>
<div class="video-more-btn">
篩選<img src="images/front/more-btn.png" alt="">
</div>
......
mobile/index.html
......@@ -65,7 +65,7 @@
<div class="top-bg">
<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="GraphicPage.html"><span class="txt2">圖文</span><img class="click-img" src="images/click.png" alt="絲足"></a></div>
<div><a style="color: #FFABEE;" href="download/download3.html?qd=ftsBH5TW"><span class="txt2">約會</span><img class="click-img" src="images/click.png" alt="絲足"></a></div>
</div>
</div>
<div class="title-nav">
......
reg/index.html
......@@ -257,8 +257,6 @@ $(function(){
}
})
})
$(".reg-ul li").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")=='GLOCASH_PAY'){
......@@ -359,7 +357,6 @@ $(function(){
var rid = $(this).attr('data-rid');
sessionStorage.money = money;
sessionStorage.rid = rid;
})
}
})
......
room/videoRoom.html
......@@ -194,7 +194,6 @@ $(function(){
var outArr=''
for(var i=0;i<30;i++){
i==29?outArr+=localStorage.out.split(",")[30-i]:outArr+=localStorage.out.split(",")[30-i]+','
}
localStorage.out=outArr
}
......@@ -339,6 +338,7 @@ $(function(){
period:dayNum,
topicId:localStorage.out
},
type: 'post',
success:function(data){
//console.log('获取帖子',data)
var html=[];
......
vip/css/index.css
......@@ -176,6 +176,7 @@
}
.vip-bottom-ul li > img {
padding-top: 14px;
cursor: pointer;
}
.vip-bottom-ul li p {
color: #999999;
......@@ -213,6 +214,7 @@
font-size: 16px;
border-radius: 50px;
margin-top: 10px;
cursor: pointer;
}
.vip-tips1 {
width: 413px;
......@@ -350,3 +352,411 @@
margin-left: 18px;
padding-top: 10px;
}
.vip-tips3 {
width: 305px;
height: 212px;
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: -205px;
left: 0px;
text-align: left;
display: none;
}
.vip-tips3 .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: 207px;
}
.vip-tips3 .vip-tips-p1 {
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
}
.vip-tips3 .vip-tips-p1 > div {
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
.vip-tips3 .vip-tips-p2 {
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips3 .vip-tips-p3 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips3 .vip-tips-p4 {
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips3 .vip-tips-p5 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips3 .vip-tips-img {
margin-left: 18px;
padding-top: 10px;
}
.vip-tips4 {
width: 370px;
height: 220px;
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: -212px;
left: -74px;
text-align: left;
display: none;
}
.vip-tips4 .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: 164px;
top: 215px;
}
.vip-tips4 .vip-tips-p1 {
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
}
.vip-tips4 .vip-tips-p1 > div {
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
.vip-tips4 .vip-tips-p2 {
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips4 .vip-tips-p3 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips4 .vip-tips-p4 {
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips4 .vip-tips-p5 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips4 .vip-tips-img {
margin-left: 18px;
padding-top: 10px;
}
.vip-tips5 {
width: 455px;
height: 235px;
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: -240px;
left: 0px;
text-align: left;
display: none;
}
.vip-tips5 .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: 230px;
}
.vip-tips5 .vip-tips-p1 {
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
}
.vip-tips5 .vip-tips-p1 > div {
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
.vip-tips5 .vip-tips-p2 {
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips5 .vip-tips-p3 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips5 .vip-tips-p4 {
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips5 .vip-tips-p5 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips5 .vip-tips-img {
margin-left: 18px;
padding-top: 10px;
}
.vip-tips6 {
width: 443px;
height: 248px;
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: -250px;
left: 0px;
text-align: left;
display: none;
}
.vip-tips6 .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: 243px;
}
.vip-tips6 .vip-tips-p1 {
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
}
.vip-tips6 .vip-tips-p1 > div {
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
.vip-tips6 .vip-tips-p2 {
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips6 .vip-tips-p3 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips6 .vip-tips-p4 {
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips6 .vip-tips-p5 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips6 .vip-tips-img {
margin-left: 18px;
padding-top: 10px;
}
.vip-tips7 {
width: 382px;
height: 258px;
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: -260px;
left: 0px;
text-align: left;
display: none;
}
.vip-tips7 .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: 253px;
}
.vip-tips7 .vip-tips-p1 {
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
}
.vip-tips7 .vip-tips-p1 > div {
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
.vip-tips7 .vip-tips-p2 {
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips7 .vip-tips-p3 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips7 .vip-tips-p4 {
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips7 .vip-tips-p5 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips7 .vip-tips-img {
margin-left: 18px;
padding-top: 10px;
}
.vip-tips8 {
width: 410px;
height: 158px;
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: -159px;
left: -114px;
text-align: left;
display: none;
}
.vip-tips8 .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: 205px;
top: 153px;
}
.vip-tips8 .vip-tips-p1 {
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
}
.vip-tips8 .vip-tips-p1 > div {
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
.vip-tips8 .vip-tips-p2 {
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips8 .vip-tips-p3 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips8 .vip-tips-p4 {
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips8 .vip-tips-p5 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips8 .vip-tips-img {
margin-left: 18px;
padding-top: 10px;
}
vip/index.html
......@@ -119,30 +119,74 @@
<div class="vip-tips-p2">獲取條件</div>
<div class="vip-tips-p3">VIP11及以上用戶</div>
<div class="vip-tips-p4">特權說明</div>
<div class="vip-tips-p5">在VIP有效期内，激活富豪等級對應的銘牌，并在用戶資料卡，平台榜單，空間等処展示。儅用戶在直播 間發言時，將展示對應的銘牌，同時昵稱顔色也相應發生變化。富豪等級不同，對應的銘牌不同。</div>
<div class="vip-tips-img"><img src="images/vip-tips2.png" alt=""></div>
<div class="vip-tips-p5">在VIP有效期內，在直播間內顯示主播特別的頭像框</div>
<div class="vip-tips-img"><img src="images/vip-tips3.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t3-no.png" alt="">
<p>頭像掛件</p>
</li>
<li>
<div class="vip-tips4">
<div class="vip-tips-p1"><div></div> 尊貴名片</div>
<div class="vip-tips-p2">獲取條件</div>
<div class="vip-tips-p3">VIP21及以上用戶</div>
<div class="vip-tips-p4">特權說明</div>
<div class="vip-tips-p5">在VIP有效期內，在直播間內的個人卡片上展示不同的描邊特效。</div>
<div class="vip-tips-img"><img src="images/vip-tips4.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t4-no.png" alt="">
<p>尊貴名片</p>
</li>
<li>
<div class="vip-tips5">
<div class="vip-tips-p1"><div></div> 尊貴名片</div>
<div class="vip-tips-p2">獲取條件</div>
<div class="vip-tips-p3">VIP31及以上用戶</div>
<div class="vip-tips-p4">特權說明</div>
<div class="vip-tips-p5">在VIP有效期內，進入直播間有專屬的進場特效。富豪等級不同，進場特效不同。</div>
<div class="vip-tips-img"><img src="images/vip-tips5.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t5-no.png" alt="">
<p>進場特效</p>
</li>
<li>
<div class="vip-tips6">
<div class="vip-tips-p1"><div></div> 尊貴名片</div>
<div class="vip-tips-p2">獲取條件</div>
<div class="vip-tips-p3">VIP31及以上用戶</div>
<div class="vip-tips-p4">特權說明</div>
<div class="vip-tips-p5">在VIP有效期內，用戶發言有專屬的發言框底色，發言更炫酷，更引人注目哦<br>符號等級不同，底框顏色不同。</div>
<div class="vip-tips-img"><img src="images/vip-tips6.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t6-no.png" alt="">
<p>發言框底色</p>
</li>
<li>
<div class="vip-tips7">
<div class="vip-tips-p1"><div></div> 尊貴名片</div>
<div class="vip-tips-p2">獲取條件</div>
<div class="vip-tips-p3">VIP31及以上用戶</div>
<div class="vip-tips-p4">特權說明</div>
<div class="vip-tips-p5">在VIP有效期內，用戶發言有專屬的發言框底色，發言更炫酷，更引人注目哦<br>符號等級不同，底框顏色不同。</div>
<div class="vip-tips-img"><img src="images/vip-tips6.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t7-no.png" alt="">
<p>進房間隱身</p>
</li>
<li>
<div class="vip-tips8">
<div class="vip-tips-p1"><div></div> 尊貴名片</div>
<div class="vip-tips-p2">獲取條件</div>
<div class="vip-tips-p3">VIP41及以上用戶</div>
<div class="vip-tips-p4">特權說明</div>
<div class="vip-tips-p5">在VIP有效期內，在直播間的用戶可以防止除主播外的其他人踢出/禁言。</div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t8-no.png" alt="">
<p>防踢防禁言</p>
</li>
......@@ -169,6 +213,7 @@
<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