Skip to content

libai / footseen-large-website

Go to a project
Commit cf82e852 by libai
Options

测试

parent d8bf2585
Inline Side-by-side
Showing with 409 additions and 359 deletions
room/css/room.css
...@@ -34,10 +34,30 @@ ...@@ -34,10 +34,30 @@
} }
} }
@media screen and (min-width: 2400px) { @media screen and (min-width: 2400px) {
body { body .big-room-box {
transform: scale(1.3); transform: scale(1.3);
position: relative; position: relative;
top: 15%; top: 24%;
}
body .more-live-box {
width: 1868px;
top: 427px;
}
body .more-live-ul li {
width: 292px;
height: 292px;
}
body .more-live-ul li .more-live-name {
width: 292px;
}
body .more-live-ul li .more-live-li-shadow {
width: 292px;
}
body .more-live-ul a:nth-child(5n) li {
margin-right: 23px;
}
body .more-live-ul a:nth-child(6n) li {
margin-right: 0px;
} }
} }
body::-webkit-scrollbar { body::-webkit-scrollbar {
...@@ -1058,6 +1078,7 @@ input::-webkit-input-placeholder { ...@@ -1058,6 +1078,7 @@ input::-webkit-input-placeholder {
width: 1440px; width: 1440px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
top: 50px;
} }
.more-live-title { .more-live-title {
font-size: 20px; font-size: 20px;
......
room/css/room.less
...@@ -36,10 +36,33 @@ ...@@ -36,10 +36,33 @@
} }
@media screen and (min-width: 2400px) { @media screen and (min-width: 2400px) {
body{ body{
transform: scale(1.3); .big-room-box{
position: relative; transform: scale(1.3);
top: 15%; position: relative;
top: 24%;
}
.more-live-box{
width: 1868px;
top: 427px;
}
.more-live-ul li{
width: 292px;
height: 292px;
.more-live-name{
width: 292px;
}
.more-live-li-shadow{
width: 292px;
}
}
.more-live-ul a:nth-child(5n) li {
margin-right: 23px;
}
.more-live-ul a:nth-child(6n) li {
margin-right: 0px;
}
} }
} }
body::-webkit-scrollbar{ body::-webkit-scrollbar{
...@@ -1093,6 +1116,7 @@ input::-webkit-input-placeholder{ ...@@ -1093,6 +1116,7 @@ input::-webkit-input-placeholder{
width: 1440px; width: 1440px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
top: 50px;
} }
.more-live-title{ .more-live-title{
font-size: 20px; font-size: 20px;
......
room/liveRoom.html
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<link rel="stylesheet" href="../css/layer.css"> <link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="../css/swiper.min.css"> <link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" href="css/index.css?v=20220630"> <link rel="stylesheet" href="css/index.css?v=20220630">
<link rel="stylesheet" href="css/room.css?v=2022070403"> <link rel="stylesheet" href="css/room.css?v=2022070501">
<link rel="stylesheet" href="../css/login.css?v=20220704"> <link rel="stylesheet" href="../css/login.css?v=20220704">
<script src="../lib/flv.js"></script> <script src="../lib/flv.js"></script>
<script src="https://accounts.google.com/gsi/client" async defer></script> <script src="https://accounts.google.com/gsi/client" async defer></script>
...@@ -32,408 +32,413 @@ ...@@ -32,408 +32,413 @@
</head> </head>
<body style="background: #F0F1F4;"> <body style="background: #F0F1F4;">
<div class="neck-nav"> <div class="big-room-box">
<div class="neck-nav-content"> <div class="neck-nav">
<a href="https://www.footseen.xyz/index.html"><img class="logo" src="../images/logo.png" alt=""></a> <div class="neck-nav-content">
<div class="nav-login-big-box"></div> <a href="https://www.footseen.xyz/index.html"><img class="logo" src="../images/logo.png" alt=""></a>
</div> <div class="nav-login-big-box"></div>
</div>
<div class="live-m">
<div style="height: 60px;"></div>
<div class="mc-material-box">
<img class="mc-material-face" src="images/face.png" alt="">
<div class="mc-material-content">
<!-- <span class="mc-name">今天吃什麼呢</span>
<div class="like-btn"></div>
<span class="material-span-other1">個人資料</span>
<span class="material-span-other2">相冊(50)</span>
<span class="material-span-other3">熱舞女神熱舞不斷</span> -->
</div> </div>
<div class="day-task-box"><span>每日任務</span>
<div class="day-task-content">
<div class="left-gift-jiao"></div>
<ul class="day-task-content-ul">
<li>
<p>分享直播間 <span><img src="images/dew.png" alt="">+200</span></p>
<p>分享你喜歡的直播間給好友</p>
<img class="task-btn" src="images/task1.png" alt="">
</li>
</ul>
</div>
</div>
</div> </div>
<div class="live-content-box"> <div class="live-m">
<div class="live-content-box-left"> <div style="height: 60px;"></div>
<div class="live-stop-box"></div> <div class="mc-material-box">
<div class="gift-track-box"></div> <img class="mc-material-face" src="images/face.png" alt="">
<div class="gift-show-box"> <div class="mc-material-content">
<!-- <div class="gift-show-content"> --> <!-- <span class="mc-name">今天吃什麼呢</span>
<!-- <img src="https://zhibocdn.yabolive.net/comm/gift/292ce5538035464cb2c55f7fa37732ef.png?x-oss-process=image/resize,w_52" alt=""> <div class="like-btn"></div>
<div class="gift-show-text"> <span class="material-span-other1">個人資料</span>
<img class="gift-show-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/210101/1619077767204/C443AB7E-5DB8-439B-914B-1C880E3011D5.jpeg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt=""> <span class="material-span-other2">相冊(50)</span>
<p class="gift-show-p1">用戶暱稱預留</p> <span class="material-span-other3">熱舞女神熱舞不斷</span> -->
<p class="gift-show-p2">送出豪華遊艇x888</p>
</div> -->
<!-- </div> -->
</div> </div>
<div class="guard-show-box"> <div class="day-task-box"><span>每日任務</span>
<img class="guard-show-webp" src="images/guard-show.webp" alt=""> <div class="day-task-content">
<img class="guard-show-face" src="https://zhibocdn.yabolive.net/comm/user/img/11136355/8e908aec05c04ea89542943b350958b8.jpg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt=""> <div class="left-gift-jiao"></div>
<p class="guard-name">用户昵称预留</p> <ul class="day-task-content-ul">
<img class="guard-tips" src="images/guard-tips.png" alt=""> <li>
<p>分享直播間 <span><img src="images/dew.png" alt="">+200</span></p>
<p>分享你喜歡的直播間給好友</p>
<img class="task-btn" src="images/task1.png" alt="">
</li>
</ul>
</div>
</div> </div>
<img class="gift-open" src="images/gift-open.png" alt="">
<div class="live-content-box-left-content"> </div>
<div class="active-box"> <div class="live-content-box">
<div class="swiper mySwiper"> <div class="live-content-box-left">
<div class="swiper-wrapper"> <div class="live-stop-box"></div>
<!-- <div class="swiper-slide"><img src="http://zhibocdn.yabolive.net/comm/res/d4af7f40-e083-469a-b93d-bc7719d98669.jpg" alt=""></div> --> <div class="gift-track-box"></div>
</div> <div class="gift-show-box">
<div class="swiper-pagination"></div> <!-- <div class="gift-show-content"> -->
</div> <!-- <img src="https://zhibocdn.yabolive.net/comm/gift/292ce5538035464cb2c55f7fa37732ef.png?x-oss-process=image/resize,w_52" alt="">
<div class="gift-show-text">
<img class="gift-show-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/210101/1619077767204/C443AB7E-5DB8-439B-914B-1C880E3011D5.jpeg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt="">
<p class="gift-show-p1">用戶暱稱預留</p>
<p class="gift-show-p2">送出豪華遊艇x888</p>
</div> -->
<!-- </div> -->
</div> </div>
<div class="hot-box"> <div class="guard-show-box">
<span></span> <img class="guard-show-webp" src="images/guard-show.webp" alt="">
<div class="hot-list-box"> <img class="guard-show-face" src="https://zhibocdn.yabolive.net/comm/user/img/11136355/8e908aec05c04ea89542943b350958b8.jpg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt="">
<div style="top: 168px;" class="rich-list-box-jiao"></div> <p class="guard-name">用户昵称预留</p>
<img class="list-floor-left" src="images/list-floor.png" alt=""> <img class="guard-tips" src="images/guard-tips.png" alt="">
<img class="list-floor-right" src="images/list-floor.png" alt="">
<div class="hot-list-box-top">熱門榜</div>
<ul class="hot-list-ul">
<!-- <li>
<div class="hot-list-li-box1">4</div>
<div class="hot-list-li-box2">
<img class="rich-list-king" src="images/r1.png" alt="">
<img class="rich-list-face"
src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_44"
alt="">
<p class="hot-list-p1">Mlonghoursus</p>
<p class="hot-list-p2">123124</p>
</div>
</li> -->
</ul>
</div>
</div> </div>
<div class="rich-box"> <img class="gift-open" src="images/gift-open.png" alt="">
<!-- <div class="rich-add-box richAddShow-go">+5</div> --> <div class="live-content-box-left-content">
<span></span> <div class="active-box">
<div class="rich-list-box"> <div class="swiper mySwiper">
<div class="rich-list-top"> <div class="swiper-wrapper">
<!-- <div class="swiper-slide"><img src="http://zhibocdn.yabolive.net/comm/res/d4af7f40-e083-469a-b93d-bc7719d98669.jpg" alt=""></div> -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="hot-box">
<span></span>
<div class="hot-list-box">
<div style="top: 168px;" class="rich-list-box-jiao"></div>
<img class="list-floor-left" src="images/list-floor.png" alt=""> <img class="list-floor-left" src="images/list-floor.png" alt="">
<img class="list-floor-right" src="images/list-floor.png" alt=""> <img class="list-floor-right" src="images/list-floor.png" alt="">
<ul class="rich-list-top-ul"> <div class="hot-list-box-top">熱門榜</div>
<li data-type="0" class="rich-list-top-click">日榜<div></div> <ul class="hot-list-ul">
</li> <!-- <li>
<li data-type="1">周榜<div></div> <div class="hot-list-li-box1">4</div>
</li> <div class="hot-list-li-box2">
<li data-type="2">月榜<div></div> <img class="rich-list-king" src="images/r1.png" alt="">
</li> <img class="rich-list-face"
src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_44"
alt="">
<p class="hot-list-p1">Mlonghoursus</p>
<p class="hot-list-p2">123124</p>
</div>
</li> -->
</ul> </ul>
</div> </div>
<div class="rich-list-box-jiao"></div> </div>
<ul class="rich-list-ul"> <div class="rich-box">
<!-- <div class="rich-add-box richAddShow-go">+5</div> -->
<span></span>
<div class="rich-list-box">
<div class="rich-list-top">
<img class="list-floor-left" src="images/list-floor.png" alt="">
<img class="list-floor-right" src="images/list-floor.png" alt="">
<ul class="rich-list-top-ul">
<li data-type="0" class="rich-list-top-click">日榜<div></div>
</li>
<li data-type="1">周榜<div></div>
</li>
<li data-type="2">月榜<div></div>
</li>
</ul>
</div>
<div class="rich-list-box-jiao"></div>
<ul class="rich-list-ul">
<!-- <li>
<div class="rich-list-li-box1">1</div>
<div class="rich-list-li-box2">
<img class="rich-list-king" src="images/r1.png" alt="">
<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_44" alt="">
<span>糖醋里脊肉</span>
</div>
<div class="rich-list-li-box3">12345<img src="images/rich-icon.png" alt=""></div>
</li> -->
</ul>
<div class="rich-shadow"></div>
</div>
</div>
<div class="guard-list">
<ul class="guard-list-ul">
<!-- <li> <!-- <li>
<div class="rich-list-li-box1">1</div> <div class="guard-list-li-content">
<div class="rich-list-li-box2"> <img class="guard-king" src="images/g-king.png" alt="">
<img class="rich-list-king" src="images/r1.png" alt=""> <img class="guard-face"
<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_44" alt=""> src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_45"
<span>糖醋里脊肉</span> alt="">
<span>哈士奇大叔</span>
</div> </div>
<div class="rich-list-li-box3">12345<img src="images/rich-icon.png" alt=""></div>
</li> --> </li> -->
</ul> </ul>
<div class="rich-shadow"></div> <div class="guard-btn">守護她</div>
</div> </div>
</div> </div>
<div class="guard-list"> <div class="live-content-box-left-roombox">
<ul class="guard-list-ul"> <video style="opacity: 0;" class="live-video" autoplay src="images/show.mp4"></video>
<!-- <li> </div>
<div class="guard-list-li-content"> <div class="left-gift-box">
<img class="guard-king" src="images/g-king.png" alt=""> <ul class="left-gift-ul">
<img class="guard-face" <!-- <li class="left-gift-li-click"><img src="images/gift-case.png" alt=""></li>
src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_45" <li><img src="images/gift-case.png" alt=""></li>
alt=""> <li><img src="images/gift-case.png" alt=""></li>
<span>哈士奇大叔</span> <li><img src="images/gift-case.png" alt=""></li>
</div> <li><img src="images/gift-case.png" alt=""></li> -->
</li> -->
</ul> </ul>
<div class="guard-btn">守護她</div> <img class="more-gift" src="images/more-gift.png" alt="">
</div> </div>
</div> <div class="big-gift-box">
<div class="live-content-box-left-roombox"> <img class="gift-close" src="images/gift-close.png" alt="">
<video style="opacity: 0;" class="live-video" autoplay src="images/show.mp4"></video> <div class="big-gift-content">
</div>
<div class="left-gift-box"> <div class="big-gift-bottom-box">
<ul class="left-gift-ul"> <span class="big-gift-diamond"><img src="images/diamond.png" alt=""><span>--</span></span>
<!-- <li class="left-gift-li-click"><img src="images/gift-case.png" alt=""></li> <span class="big-gift-dew"><img src="images/dew.png" alt=""><span>--</span></span>
<li><img src="images/gift-case.png" alt=""></li> <!-- <span class="big-gift-reg">儲值></span> -->
<li><img src="images/gift-case.png" alt=""></li> <div class="gift-num-box">
<li><img src="images/gift-case.png" alt=""></li> <ul class="gift-num-list">
<li><img src="images/gift-case.png" alt=""></li> --> <li>1</li>
</ul> <li>10</li>
<img class="more-gift" src="images/more-gift.png" alt=""> <li>66</li>
</div> <li>1314</li>
<div class="big-gift-box"> </ul>
<img class="gift-close" src="images/gift-close.png" alt=""> 數量 <div class="gift-num-exc"><span>1</span> <img src="images/arrow.png" alt=""></div></div>
<div class="big-gift-content"> <div class="gift-send-btn">贈送</div>
</div>
<div class="big-gift-bottom-box"> <div class="big-gift-content-top">
<span class="big-gift-diamond"><img src="images/diamond.png" alt=""><span>--</span></span> <div data-type="1" class="gift-content-top-click">禮物<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<span class="big-gift-dew"><img src="images/dew.png" alt=""><span>--</span></span> <div data-type="2">活動<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<!-- <span class="big-gift-reg">儲值></span> --> <div data-type="3">爆獎<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div class="gift-num-box"> <div data-type="4">背包<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<ul class="gift-num-list"> </div>
<li>1</li> <div style="height: 20px;"></div>
<li>10</li> <div class="big-gift-content-ulBox">
<li>66</li> <ul class="big-gift-content-ul">
<li>1314</li> <!-- <li>
<div class="big-gift-li-top"><img src="images/gift-case.png" alt=""></div>
<p class="big-gift-li-p1">禮物名稱</p>
<p class="big-gift-li-p2"><img src="images/diamond.png" alt=""> 1999</p>
</li> -->
</ul> </ul>
數量 <div class="gift-num-exc"><span>1</span> <img src="images/arrow.png" alt=""></div></div> </div>
<div class="gift-send-btn">贈送</div>
</div> </div>
<div class="big-gift-content-top"> </div>
<div data-type="1" class="gift-content-top-click">禮物<img class="gift-top-jiao" src="images/jiao.png" alt=""></div> </div>
<div data-type="2">活動<img class="gift-top-jiao" src="images/jiao.png" alt=""></div> <div class="live-content-box-right">
<div data-type="3">爆獎<img class="gift-top-jiao" src="images/jiao.png" alt=""></div> <div class="content-box-right-top">
<div data-type="4">背包<img class="gift-top-jiao" src="images/jiao.png" alt=""></div> <div data-type="1" class="box-right-top-click">聊天<img class="jiao" src="images/jiao.png" alt="">
</div> </div>
<div style="height: 20px;"></div> <div data-type="2">在線(<span class="online-num">--</span>)<img class="jiao" src="images/jiao.png" alt=""></div>
<div class="big-gift-content-ulBox"> </div>
<ul class="big-gift-content-ul"> <div class="msg-big-box">
<!-- <li> <ul class="live-msg-ul">
<div class="big-gift-li-top"><img src="images/gift-case.png" alt=""></div> <li class="live-msg-li">footseen.com：歡迎進入直播間，我們拒絕涉及政治、暴力、抽烟等不良的直播內容，共同打造綠色文明的直播環境。</li>
<p class="big-gift-li-p1">禮物名稱</p> </ul>
<p class="big-gift-li-p2"><img src="images/diamond.png" alt=""> 1999</p> <div class="live-send-box">
</li> --> <input type="text"
</ul> auto-complete='new-password'
autocomplete='off'
autocomplete='new-password'
placeholder="請輸入要發送的內容" class="live-send-input">
<div class="live-send-btn">發送</div>
</div> </div>
<input style="width: 0;height:0" type="text">
</div>
<div style="display: none;" class="online-list-box">
<div style="height: 20px;"></div>
<ul class="online-list-ul">
<!-- <li>
<div class="online-li-content">
<img src="https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_50"
alt="">
<span>主播昵称预留</span>
</div>
</li> -->
</ul>
</div> </div>
</div> </div>
</div> </div>
<div class="live-content-box-right"> <div class="mc-means-content clearfix">
<div class="content-box-right-top"> <div class="mc-means-box clearfix">
<div data-type="1" class="box-right-top-click">聊天<img class="jiao" src="images/jiao.png" alt=""> <div class="mc-means-title">
<div></div>主播資料
</div> </div>
<div data-type="2">在線(<span class="online-num">--</span>)<img class="jiao" src="images/jiao.png" alt=""></div> <div class="mc-tips clearfix"><div></div></div>
</div> <div class="mc-more-means clearfix">
<div class="msg-big-box"> <!-- <div><span>暱稱:</span> 泡芙小姐</div>
<ul class="live-msg-ul"> <div><span>ID:</span> 4045021</div>
<li class="live-msg-li">footseen.com：歡迎進入直播間，我們拒絕涉及政治、暴力、抽烟等不良的直播內容，共同打造綠色文明的直播環境。</li> <div><span>來自:</span> 台灣</div>
</ul> <div><span>年齡:</span> 24</div>
<div class="live-send-box"> <div><span>身高:</span> 168cm</div>
<input type="text" <div><span>體重:</span> 50kg</div>
auto-complete='new-password' <div><span>星座:</span> 巨蟹座</div>
autocomplete='off' <div><span>學歷:</span> 幼稚園</div>
autocomplete='new-password' <div><span>職業:</span> 老司機</div> -->
placeholder="請輸入要發送的內容" class="live-send-input"> </div>
<div class="live-send-btn">發送</div> <div class="mc-rich-p">
<p><span>收穫羽毛:</span> <img src="images/rich-icon.png" alt=""></p>
<p><span>贈出寶石:</span> <img style="margin-top: -4px;" src="images/diamond.png" alt=""></p>
</div>
<div class="mc-car-box">
當前座駕:
<ul class="mc-car-ul">
<!-- <li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li> -->
</ul>
</div>
<div class="mc-title-box">獲得勛章:
<span>
<!-- <img src="images/gift-case.png" alt="">
<img src="images/gift-case.png" alt="">
<img src="images/gift-case.png" alt=""> -->
</span>
</div> </div>
<input style="width: 0;height:0" type="text">
</div> </div>
<div style="display: none;" class="online-list-box"> <div class="mc-images-box">
<div style="height: 20px;"></div> <div class="mc-means-title">
<ul class="online-list-ul"> <div></div>相冊
<!-- <li> </div>
<div class="online-li-content"> <ul class="mc-images-ul">
<img src="https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_50" <!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">
alt=""> <div class="mc-images-li-bottom">
<span>主播昵称预留</span> <span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div> </div>
<div class="mc-images-li-shadow"></div>
</li> --> </li> -->
</ul> </ul>
<div class="mc-images-shadow"></div>
</div> </div>
</div> </div>
</div>
<div class="mc-means-content clearfix">
<div class="mc-means-box clearfix">
<div class="mc-means-title">
<div></div>主播資料
</div>
<div class="mc-tips clearfix"><div></div></div>
<div class="mc-more-means clearfix">
<!-- <div><span>暱稱:</span> 泡芙小姐</div>
<div><span>ID:</span> 4045021</div>
<div><span>來自:</span> 台灣</div>
<div><span>年齡:</span> 24</div>
<div><span>身高:</span> 168cm</div>
<div><span>體重:</span> 50kg</div>
<div><span>星座:</span> 巨蟹座</div>
<div><span>學歷:</span> 幼稚園</div>
<div><span>職業:</span> 老司機</div> -->
</div>
<div class="mc-rich-p">
<p><span>收穫羽毛:</span> <img src="images/rich-icon.png" alt=""></p>
<p><span>贈出寶石:</span> <img style="margin-top: -4px;" src="images/diamond.png" alt=""></p>
</div>
<div class="mc-car-box">
當前座駕:
<ul class="mc-car-ul">
<!-- <li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li> -->
</ul>
</div>
<div class="mc-title-box">獲得勛章:
<span>
<!-- <img src="images/gift-case.png" alt="">
<img src="images/gift-case.png" alt="">
<img src="images/gift-case.png" alt=""> -->
</span>
</div>
</div>
<div class="mc-images-box">
<div class="mc-means-title">
<div></div>相冊
</div>
<ul class="mc-images-ul">
<!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li> -->
</ul>
<div class="mc-images-shadow"></div>
</div>
</div>
<div class="more-live-box">
<h2 class="more-live-title">絲足美女</h2>
<ul class="more-live-ul clearfix">
<!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_268);background-size: cover;">
<img class="move-live-online" src="images/live.png" alt="">
<div class="more-live-name">氣質清純小雨</div>
<div class="more-live-li-shadow"></div>
</li> -->
</ul>
</div>
<div style="height: 80px;"></div>
</div>
<div style="display: none;" class="guard-layer-box">
<div class="guard-layer-top">
<img class="gurad-layer-face"
src="https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_55"
alt="">
<p class="gurad-layer-p1"><img src="images/big-diamond.png" alt=""><span>10000</span>寶石/月</p>
<p class="gurad-layer-p2">開通守護即刻尊享守護特權</p>
</div>
<div class="guard-layer-content">
<div class="guard-layer-btn"></div>
<p class="guard-layer-text">查看守護玩法說明</p>
</div> </div>
</div> </div>
<div class="guard-rule"> <div class="more-live-box">
<span>X</span> <h2 class="more-live-title">絲足美女</h2>
<ul class="more-live-ul clearfix">
<!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_268);background-size: cover;">
<img class="move-live-online" src="images/live.png" alt="">
<div class="more-live-name">氣質清純小雨</div>
<div class="more-live-li-shadow"></div>
</li> -->
</ul>
</div> </div>
<!-- <video muted controls src=""></video> --> <div style="height: 80px;"></div>
<div class="layer-space-box"> <div style="display: none;" class="guard-layer-box">
<img class="layer-space-face" src="images/face.png" alt=""> <div class="guard-layer-top">
<div class="layer-space"> <img class="gurad-layer-face"
<img class="space-close" src="images/close.png" alt=""> src="https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_55"
<p class="layer-space-p1">主播暱稱預留</p> alt="">
<p class="layer-space-p2">Footseen ID:12345678</p> <p class="gurad-layer-p1"><img src="images/big-diamond.png" alt=""><span>10000</span>寶石/月</p>
<div class="layer-space-icon"> <p class="gurad-layer-p2">開通守護即刻尊享守護特權</p>
<img class="space-vip" src="https://app.ixiulive.com/static/vip/9.png" alt="">
<span class="space-sex-box"><img src="images/sex1.png" alt="">20</span>
<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
</div> </div>
<div class="layer-space-tag"> <div class="guard-layer-content">
<span>水瓶座</span> <div class="guard-layer-btn"></div>
<span>幼稚園</span> <p class="guard-layer-text">查看守護玩法說明</p>
<span>老司機</span>
</div> </div>
<div class="space-text">餘生很短，一定要見到一個XXXXXX</div> </div>
<ul class="space-num-ul"> <div class="guard-rule">
<li class="space-num-li1"> <span>X</span>
<p>5</p> </div>
<p>追蹤</p> <!-- <video muted controls src=""></video> -->
</li> <div class="layer-space-box">
<li class="space-num-li2"> <img class="layer-space-face" src="images/face.png" alt="">
<p>103</p> <div class="layer-space">
<p>粉絲</p> <img class="space-close" src="images/close.png" alt="">
</li> <p class="layer-space-p1">主播暱稱預留</p>
<li class="space-num-li3"> <p class="layer-space-p2">Footseen ID:12345678</p>
<p><img src="images/diamond.png"> 0</p> <div class="layer-space-icon">
<p>送出</p> <img class="space-vip" src="https://app.ixiulive.com/static/vip/9.png" alt="">
</li> <span class="space-sex-box"><img src="images/sex1.png" alt="">20</span>
<li class="space-num-li4"> <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
<p><img src="images/rich-icon.png">12345</p> <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
<p>收到</p> <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
</li> </div>
</ul> <div class="layer-space-tag">
<div class="space-bottom-box"> <span>水瓶座</span>
<ul class="space-bottom-ul"> <span>幼稚園</span>
<li>追蹤</li> <span>老司機</span>
<li>@他</li> </div>
<li>主頁</li> <div class="space-text">餘生很短，一定要見到一個XXXXXX</div>
<ul class="space-num-ul">
<li class="space-num-li1">
<p>5</p>
<p>追蹤</p>
</li>
<li class="space-num-li2">
<p>103</p>
<p>粉絲</p>
</li>
<li class="space-num-li3">
<p><img src="images/diamond.png"> 0</p>
<p>送出</p>
</li>
<li class="space-num-li4">
<p><img src="images/rich-icon.png">12345</p>
<p>收到</p>
</li>
</ul> </ul>
<div class="space-bottom-box">
<ul class="space-bottom-ul">
<li>追蹤</li>
<li>@他</li>
<li>主頁</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> <div class="layer-photo">
<div class="layer-photo"> <img class="photo-arrow-left" src="images/photo-arrow.png" alt="">
<img class="photo-arrow-left" src="images/photo-arrow.png" alt=""> <img class="photo-arrow-right" src="images/photo-arrow.png" alt="">
<img class="photo-arrow-right" src="images/photo-arrow.png" alt=""> <div class="layer-photo-content">
<div class="layer-photo-content"> <div class="layer-photo-content-left">
<div class="layer-photo-content-left"> <img class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm/user/img/134601/f4035e3045c640ddaf5b8318ccc8e6c5.jpg?x-oss-process=image/resize,w_775" alt="">
<img class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm/user/img/134601/f4035e3045c640ddaf5b8318ccc8e6c5.jpg?x-oss-process=image/resize,w_775" alt="">
</div>
<div class="layer-photo-content-right">
<div class="photo-content-top">
<img class="photo-content-top-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<div class="photo-content-name">主播暱稱預留 <span class="photo-name-like">+追蹤</span></div>
</div> </div>
<div class="photo-content-center"> <div class="layer-photo-content-right">
<p class="photo-time-p">2022年3月1日</p> <div class="photo-content-top">
<div class="photo-content-speak">我和你就限制暗示法那是反扒說法麼啊發順豐安撫熬死第三方三個偷回家我不明白</div> <img class="photo-content-top-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<div class="photo-content-like"> <div class="photo-content-name">主播暱稱預留 <span class="photo-name-like">+追蹤</span></div>
<span><img src="images/icon1.png" alt="">25</span>
<span><img src="images/icon2.png" alt="">25</span>
</div> </div>
</div> <div class="photo-content-center">
<ul class="photo-content-right-ul"> <p class="photo-time-p">2022年3月1日</p>
<!-- <li> <div class="photo-content-speak">我和你就限制暗示法那是反扒說法麼啊發順豐安撫熬死第三方三個偷回家我不明白</div>
<img class="photo-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt=""> <div class="photo-content-like">
<p class="photo-message-name">用戶暱稱預留</p> <span><img src="images/icon1.png" alt="">25</span>
<p class="photo-message-content">阿薩德鬧翻那傻逼噶搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實</p> <span><img src="images/icon2.png" alt="">25</span>
<p class="photo-message-time">12小時前 <span>回復</span></p>
<div class="photo-more-message">
<div class="more-message-box">
<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p class="more-message-time">12小時前 <span>回復</span></p>
</div>
<div class="more-message-box">
<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p class="more-message-time">12小時前 <span>回復</span></p>
</div>
</div> </div>
</li> --> </div>
</ul> <ul class="photo-content-right-ul">
<div class="photo-content-msg"> <!-- <li>
<input placeholder="請輸入要發送的內容" class="photo-content-input" type="text"> <img class="photo-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<div class="photo-msg-btn">發送</div> <p class="photo-message-name">用戶暱稱預留</p>
<p class="photo-message-content">阿薩德鬧翻那傻逼噶搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實</p>
<p class="photo-message-time">12小時前 <span>回復</span></p>
<div class="photo-more-message">
<div class="more-message-box">
<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p class="more-message-time">12小時前 <span>回復</span></p>
</div>
<div class="more-message-box">
<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p class="more-message-time">12小時前 <span>回復</span></p>
</div>
</div>
</li> -->
</ul>
<div class="photo-content-msg">
<input placeholder="請輸入要發送的內容" class="photo-content-input" type="text">
<div class="photo-msg-btn">發送</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="login-content"></div>
<div class="login-content"></div> <div class="left-big-gift-more2">
<div class="left-big-gift-more2"> <div class="left-gift-more">
<div class="left-gift-more"> <div class="gift-more-icon">
<div class="gift-more-icon"> <img src="https://zhibocdn.yabolive.net/comm/gift/3178eb7d8f5a4b0fb550a4043081ce22.png?x-oss-process=image/resize,w_52">
<img src="https://zhibocdn.yabolive.net/comm/gift/3178eb7d8f5a4b0fb550a4043081ce22.png?x-oss-process=image/resize,w_52"> </div>
<p class="gift-more-p1">羽毛</p><p class="gift-more-p2">
<img src="images/diamond.png">1</p><p class="gift-more-p3">可得5螢火，同时增加100熱力值。
</p>
<div class="left-gift-jiao"></div>
</div> </div>
<p class="gift-more-p1">羽毛</p><p class="gift-more-p2">
<img src="images/diamond.png">1</p><p class="gift-more-p3">可得5螢火，同时增加100熱力值。
</p>
<div class="left-gift-jiao"></div>
</div> </div>
</div>
</body> </body>
<script src="../lib/jquery-3.1.1.min.js"></script> <script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/swiper.min.js"></script> <script src="../lib/swiper.min.js"></script>
......
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