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 @@
}
}
@media screen and (min-width: 2400px) {
body {
body .big-room-box {
transform: scale(1.3);
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 {
......@@ -1058,6 +1078,7 @@ input::-webkit-input-placeholder {
width: 1440px;
margin: 0 auto;
position: relative;
top: 50px;
}
.more-live-title {
font-size: 20px;
......
room/css/room.less
......@@ -36,10 +36,33 @@
}
@media screen and (min-width: 2400px) {
body{
transform: scale(1.3);
position: relative;
top: 15%;
.big-room-box{
transform: scale(1.3);
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{
......@@ -1093,6 +1116,7 @@ input::-webkit-input-placeholder{
width: 1440px;
margin: 0 auto;
position: relative;
top: 50px;
}
.more-live-title{
font-size: 20px;
......
room/liveRoom.html
......@@ -21,7 +21,7 @@
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="../css/swiper.min.css">
<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">
<script src="../lib/flv.js"></script>
<script src="https://accounts.google.com/gsi/client" async defer></script>
......@@ -32,408 +32,413 @@
</head>
<body style="background: #F0F1F4;">
<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>
</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 class="big-room-box">
<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>
</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 class="live-content-box">
<div class="live-content-box-left">
<div class="live-stop-box"></div>
<div class="gift-track-box"></div>
<div class="gift-show-box">
<!-- <div class="gift-show-content"> -->
<!-- <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 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 class="guard-show-box">
<img class="guard-show-webp" src="images/guard-show.webp" alt="">
<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="">
<p class="guard-name">用户昵称预留</p>
<img class="guard-tips" src="images/guard-tips.png" alt="">
<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>
<img class="gift-open" src="images/gift-open.png" alt="">
<div class="live-content-box-left-content">
<div class="active-box">
<div class="swiper mySwiper">
<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="live-content-box">
<div class="live-content-box-left">
<div class="live-stop-box"></div>
<div class="gift-track-box"></div>
<div class="gift-show-box">
<!-- <div class="gift-show-content"> -->
<!-- <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 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-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 class="guard-show-box">
<img class="guard-show-webp" src="images/guard-show.webp" alt="">
<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="">
<p class="guard-name">用户昵称预留</p>
<img class="guard-tips" src="images/guard-tips.png" alt="">
</div>
<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="gift-open" src="images/gift-open.png" alt="">
<div class="live-content-box-left-content">
<div class="active-box">
<div class="swiper mySwiper">
<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-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>
<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 class="rich-list-box-jiao"></div>
<ul class="rich-list-ul">
</div>
<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>
<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 class="guard-list-li-content">
<img class="guard-king" src="images/g-king.png" alt="">
<img class="guard-face"
src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_45"
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 class="guard-btn">守護她</div>
</div>
</div>
<div class="guard-list">
<ul class="guard-list-ul">
<!-- <li>
<div class="guard-list-li-content">
<img class="guard-king" src="images/g-king.png" alt="">
<img class="guard-face"
src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_45"
alt="">
<span>哈士奇大叔</span>
</div>
</li> -->
<div class="live-content-box-left-roombox">
<video style="opacity: 0;" class="live-video" autoplay src="images/show.mp4"></video>
</div>
<div class="left-gift-box">
<ul class="left-gift-ul">
<!-- <li class="left-gift-li-click"><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>
<li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li> -->
</ul>
<div class="guard-btn">守護她</div>
<img class="more-gift" src="images/more-gift.png" alt="">
</div>
</div>
<div class="live-content-box-left-roombox">
<video style="opacity: 0;" class="live-video" autoplay src="images/show.mp4"></video>
</div>
<div class="left-gift-box">
<ul class="left-gift-ul">
<!-- <li class="left-gift-li-click"><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>
<li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li> -->
</ul>
<img class="more-gift" src="images/more-gift.png" alt="">
</div>
<div class="big-gift-box">
<img class="gift-close" src="images/gift-close.png" alt="">
<div class="big-gift-content">
<div class="big-gift-bottom-box">
<span class="big-gift-diamond"><img src="images/diamond.png" alt=""><span>--</span></span>
<span class="big-gift-dew"><img src="images/dew.png" alt=""><span>--</span></span>
<!-- <span class="big-gift-reg">儲值></span> -->
<div class="gift-num-box">
<ul class="gift-num-list">
<li>1</li>
<li>10</li>
<li>66</li>
<li>1314</li>
<div class="big-gift-box">
<img class="gift-close" src="images/gift-close.png" alt="">
<div class="big-gift-content">
<div class="big-gift-bottom-box">
<span class="big-gift-diamond"><img src="images/diamond.png" alt=""><span>--</span></span>
<span class="big-gift-dew"><img src="images/dew.png" alt=""><span>--</span></span>
<!-- <span class="big-gift-reg">儲值></span> -->
<div class="gift-num-box">
<ul class="gift-num-list">
<li>1</li>
<li>10</li>
<li>66</li>
<li>1314</li>
</ul>
數量 <div class="gift-num-exc"><span>1</span> <img src="images/arrow.png" alt=""></div></div>
<div class="gift-send-btn">贈送</div>
</div>
<div class="big-gift-content-top">
<div data-type="1" class="gift-content-top-click">禮物<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="2">活動<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="3">爆獎<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="4">背包<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
</div>
<div style="height: 20px;"></div>
<div class="big-gift-content-ulBox">
<ul class="big-gift-content-ul">
<!-- <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>
數量 <div class="gift-num-exc"><span>1</span> <img src="images/arrow.png" alt=""></div></div>
<div class="gift-send-btn">贈送</div>
</div>
</div>
<div class="big-gift-content-top">
<div data-type="1" class="gift-content-top-click">禮物<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="2">活動<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="3">爆獎<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="4">背包<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
</div>
</div>
<div class="live-content-box-right">
<div class="content-box-right-top">
<div data-type="1" class="box-right-top-click">聊天<img class="jiao" src="images/jiao.png" alt="">
</div>
<div style="height: 20px;"></div>
<div class="big-gift-content-ulBox">
<ul class="big-gift-content-ul">
<!-- <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>
<div data-type="2">在線(<span class="online-num">--</span>)<img class="jiao" src="images/jiao.png" alt=""></div>
</div>
<div class="msg-big-box">
<ul class="live-msg-ul">
<li class="live-msg-li">footseen.com：歡迎進入直播間，我們拒絕涉及政治、暴力、抽烟等不良的直播內容，共同打造綠色文明的直播環境。</li>
</ul>
<div class="live-send-box">
<input type="text"
auto-complete='new-password'
autocomplete='off'
autocomplete='new-password'
placeholder="請輸入要發送的內容" class="live-send-input">
<div class="live-send-btn">發送</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 class="live-content-box-right">
<div class="content-box-right-top">
<div data-type="1" class="box-right-top-click">聊天<img class="jiao" src="images/jiao.png" alt="">
<div class="mc-means-content clearfix">
<div class="mc-means-box clearfix">
<div class="mc-means-title">
<div></div>主播資料
</div>
<div data-type="2">在線(<span class="online-num">--</span>)<img class="jiao" src="images/jiao.png" alt=""></div>
</div>
<div class="msg-big-box">
<ul class="live-msg-ul">
<li class="live-msg-li">footseen.com：歡迎進入直播間，我們拒絕涉及政治、暴力、抽烟等不良的直播內容，共同打造綠色文明的直播環境。</li>
</ul>
<div class="live-send-box">
<input type="text"
auto-complete='new-password'
autocomplete='off'
autocomplete='new-password'
placeholder="請輸入要發送的內容" class="live-send-input">
<div class="live-send-btn">發送</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>
<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 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>
<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 class="guard-rule">
<span>X</span>
<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>
<!-- <video muted controls src=""></video> -->
<div class="layer-space-box">
<img class="layer-space-face" src="images/face.png" alt="">
<div class="layer-space">
<img class="space-close" src="images/close.png" alt="">
<p class="layer-space-p1">主播暱稱預留</p>
<p class="layer-space-p2">Footseen ID:12345678</p>
<div class="layer-space-icon">
<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 style="height: 80px;"></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="layer-space-tag">
<span>水瓶座</span>
<span>幼稚園</span>
<span>老司機</span>
<div class="guard-layer-content">
<div class="guard-layer-btn"></div>
<p class="guard-layer-text">查看守護玩法說明</p>
</div>
<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>
<div class="space-bottom-box">
<ul class="space-bottom-ul">
<li>追蹤</li>
<li>@他</li>
<li>主頁</li>
</div>
<div class="guard-rule">
<span>X</span>
</div>
<!-- <video muted controls src=""></video> -->
<div class="layer-space-box">
<img class="layer-space-face" src="images/face.png" alt="">
<div class="layer-space">
<img class="space-close" src="images/close.png" alt="">
<p class="layer-space-p1">主播暱稱預留</p>
<p class="layer-space-p2">Footseen ID:12345678</p>
<div class="layer-space-icon">
<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 class="layer-space-tag">
<span>水瓶座</span>
<span>幼稚園</span>
<span>老司機</span>
</div>
<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>
<div class="space-bottom-box">
<ul class="space-bottom-ul">
<li>追蹤</li>
<li>@他</li>
<li>主頁</li>
</ul>
</div>
</div>
</div>
</div>
<div class="layer-photo">
<img class="photo-arrow-left" 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-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="">
</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 class="layer-photo">
<img class="photo-arrow-left" 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-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="">
</div>
<div class="photo-content-center">
<p class="photo-time-p">2022年3月1日</p>
<div class="photo-content-speak">我和你就限制暗示法那是反扒說法麼啊發順豐安撫熬死第三方三個偷回家我不明白</div>
<div class="photo-content-like">
<span><img src="images/icon1.png" alt="">25</span>
<span><img src="images/icon2.png" alt="">25</span>
<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>
<ul class="photo-content-right-ul">
<!-- <li>
<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="">
<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 class="photo-content-center">
<p class="photo-time-p">2022年3月1日</p>
<div class="photo-content-speak">我和你就限制暗示法那是反扒說法麼啊發順豐安撫熬死第三方三個偷回家我不明白</div>
<div class="photo-content-like">
<span><img src="images/icon1.png" alt="">25</span>
<span><img src="images/icon2.png" alt="">25</span>
</div>
</li> -->
</ul>
<div class="photo-content-msg">
<input placeholder="請輸入要發送的內容" class="photo-content-input" type="text">
<div class="photo-msg-btn">發送</div>
</div>
<ul class="photo-content-right-ul">
<!-- <li>
<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="">
<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 class="login-content"></div>
<div class="left-big-gift-more2">
<div class="left-gift-more">
<div class="gift-more-icon">
<img src="https://zhibocdn.yabolive.net/comm/gift/3178eb7d8f5a4b0fb550a4043081ce22.png?x-oss-process=image/resize,w_52">
<div class="login-content"></div>
<div class="left-big-gift-more2">
<div class="left-gift-more">
<div class="gift-more-icon">
<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>
<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>
</body>
<script src="../lib/jquery-3.1.1.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