Skip to content

libai / footseen-large-website

Go to a project
Commit 2ea5916d by libai
Options

测试

parent 40089eec
Inline Side-by-side
Showing with 259 additions and 9 deletions
index.html
......@@ -617,7 +617,7 @@ $(function(){
var list=data.rooms[i]
if(list.liveState!=1)continue;
liveNum++
html+='<a href="room/liveRoom.html?roomId='+list.uid+'"><li style="background: url(https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_368) no-repeat;background-size: cover;">';
html+='<a href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.uid+'"><li style="background: url(https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_368) no-repeat;background-size: cover;">';
html+='<img class="live" src="images/front/live.webp" alt="">';
html+='<div class="like-shadow"></div>';
html+='<p class="like-li-name">'+list.nickname+'</p>';
......@@ -660,7 +660,7 @@ $(function(){
if(data.roomList[i]==undefined)break;
var list=data.roomList[i]
html+='<li>';
html+='<a href="room/liveRoom.html?roomId='+list.roomId+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_368) no-repeat;background-size: cover;" class="live-top-box">';
html+='<a href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.roomId+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_368) no-repeat;background-size: cover;" class="live-top-box">';
html+='<p class="introduce">'+list.introduce+'</p>'
html+='<div class="live-cursor-shadow"></div>';
html+='<img class="live-icon" src="images/front/live.webp" alt="美女直播">';
......@@ -751,7 +751,7 @@ $(function(){
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var videoList=JSON.parse(list.content)
html+='<a target="_blank" href="room/videoRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<a target="_blank" href="https://www.footseen.xyz/room/videoRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<li>';
html+='<div data-type="'+videoList.videos[0].cover.split('?')[0]+'" style="background: url(images/layz.png)" class="video-top-box">';
html+='<img class="videoImgOk" src="">'
......@@ -784,7 +784,7 @@ $(function(){
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var imgList=JSON.parse(list.content)
html+='<a href="room/imagesRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<a href="https://www.footseen.xyz/room/imagesRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<li>';
if(imgList.images==undefined){
var mRandom='https://app.ixiulive.com/static/footVideo/m/m'+Math.ceil(Math.random()*63)+'.jpg'
......
room/imagesRoom.html
......@@ -338,7 +338,7 @@ $(function(){
var videoList=JSON.parse(list.content)
html+='<a href="imagesRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<a href="https://www.footseen.xyz/room/imagesRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<li>';
if(videoList.images==undefined){
var mRandom=Math.ceil(Math.random()*10)
......
room/liveRoom.html
......@@ -909,7 +909,7 @@ $(function () {
for (var i = 0; i < data.ranklist.length; i++) {
var list = data.ranklist[i]
if(list.uid==sessionStorage.roomId)html += '<a href="javascript:;"><li>';
else html += '<a target="_blank" href="liveRoom.html?roomId='+list.uid+'"><li>';
else html += '<a target="_blank" href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.uid+'"><li>';
html += '<div class="hot-list-li-box1">' + (i + 1) + '</div>';
html += '<div class="hot-list-li-box2">';
if (i < 3) html += '<img class="rich-list-king" src="images/r' + (i + 1) + '.png" alt="">';
......@@ -1419,7 +1419,7 @@ $(function () {
if(data.zoneData.isfollow==0)html+='<li data-type="'+data.zoneInfo.uid+'" class="space-btn1">追蹤</li>';
else html+='<li class="space-btn1">已追隨</li>';
html+='<li data-type="'+data.zoneInfo.nickname+'" class="space-btn2">@他</li>';
html+='<a target="_blank" href="../space/index.html?fid='+data.zoneInfo.uid+'"><li class="space-btn3">主頁</li>';
html+='<a target="_blank" href="https://www.footseen.xyz/space/index.html?fid='+data.zoneInfo.uid+'"><li class="space-btn3">主頁</li>';
html+='</ul>';
html+='</div>';
html+='</div>';
......@@ -1507,7 +1507,7 @@ $(function () {
for(var i=0;i<data.roomList.length;i++){
var list=data.roomList[i]
if(list.roomId==sessionStorage.roomId)continue;
html+='<a href="liveRoom.html?roomId='+list.roomId+'"><li style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_268);background-size: cover;">';
html+='<a href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.roomId+'"><li style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_268);background-size: cover;">';
html+='<img class="move-live-online" src="images/live.png" alt="">';
html+='<div class="more-live-name">'+list.nickname+'</div>';
html+='<div class="more-live-li-shadow"></div>';
......
room/videoRoom.html
......@@ -337,7 +337,7 @@ $(function(){
var list=data.dataList[i];
var videoList=JSON.parse(list.content)
html+='<a href="videoRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<a href="https://www.footseen.xyz/room/videoRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<li>';
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_342,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="video-top-box">';
html+='<div class="video-top-shadow"></div>';
......
vip/css/index.css
......@@ -225,6 +225,8 @@
z-index: 5;
top: -256px;
left: 0;
text-align: left;
display: none;
}
.vip-tips1 .vip-tips-jiao {
position: absolute;
......@@ -235,3 +237,116 @@
left: 91px;
top: 252px;
}
.vip-tips1 .vip-tips-p1 {
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
}
.vip-tips1 .vip-tips-p1 > div {
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
.vip-tips1 .vip-tips-p2 {
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips1 .vip-tips-p3 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips1 .vip-tips-p4 {
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips1 .vip-tips-p5 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips1 .vip-tips-img {
margin-left: 18px;
padding-top: 10px;
}
.vip-tips2 {
width: 589px;
height: 241px;
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: -237px;
left: 0;
text-align: left;
display: none;
}
.vip-tips2 .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: 236px;
}
.vip-tips2 .vip-tips-p1 {
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
}
.vip-tips2 .vip-tips-p1 > div {
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
.vip-tips2 .vip-tips-p2 {
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips2 .vip-tips-p3 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips2 .vip-tips-p4 {
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips2 .vip-tips-p5 {
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips2 .vip-tips-img {
margin-left: 18px;
padding-top: 10px;
}
vip/css/index.less
......@@ -230,6 +230,8 @@
z-index: 5;
top: -256px;
left: 0;
text-align: left;
display: none;
.vip-tips-jiao{
position: absolute;
transform: rotate(135deg);
......@@ -239,4 +241,117 @@
left: 91px;
top: 252px;
}
.vip-tips-p1{
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
>div{
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
}
.vip-tips-p2{
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips-p3{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips-p4{
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips-p5{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips-img{
margin-left: 18px;
padding-top: 10px;
}
}
.vip-tips2{
width: 589px;
height: 241px;
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: -237px;
left: 0;
text-align: left;
display: none;
.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: 236px;
}
.vip-tips-p1{
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
>div{
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
}
.vip-tips-p2{
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips-p3{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips-p4{
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips-p5{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips-img{
margin-left: 18px;
padding-top: 10px;
}
}
\ No newline at end of file
vip/index.html
......@@ -94,16 +94,35 @@
<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-img"><img src="images/vip-tips1.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t1-no.png" alt="">
<p>激活座駕</p>
</li>
<li>
<div class="vip-tips2">
<div class="vip-tips-p1"><div></div> 激活VIP等级</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">在VIP有效期内，激活富豪等級對應的銘牌，并在用戶資料卡，平台榜單，空間等処展示。儅用戶在直播 間發言時，將展示對應的銘牌，同時昵稱顔色也相應發生變化。富豪等級不同，對應的銘牌不同。</div>
<div class="vip-tips-img"><img src="images/vip-tips2.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t2-no.png" alt="">
<p>激活VIP等級</p>
</li>
<li>
<div class="vip-tips3">
<div class="vip-tips-p1"><div></div> 頭像掛件</div>
<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-jiao"></div>
</div>
<img src="images/t3-no.png" alt="">
<p>頭像掛件</p>
</li>
......
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