Skip to content

libai / footseen-large-website

Go to a project
Commit cf82e852 by libai
Options

测试

parent d8bf2585
Inline Side-by-side
Showing with 55 additions and 5 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{
.big-room-box{
transform: scale(1.3); transform: scale(1.3);
position: relative; position: relative;
top: 15%; 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,6 +32,7 @@ ...@@ -32,6 +32,7 @@
</head> </head>
<body style="background: #F0F1F4;"> <body style="background: #F0F1F4;">
<div class="big-room-box">
<div class="neck-nav"> <div class="neck-nav">
<div class="neck-nav-content"> <div class="neck-nav-content">
<a href="https://www.footseen.xyz/index.html"><img class="logo" src="../images/logo.png" alt=""></a> <a href="https://www.footseen.xyz/index.html"><img class="logo" src="../images/logo.png" alt=""></a>
...@@ -300,6 +301,9 @@ ...@@ -300,6 +301,9 @@
<div class="mc-images-shadow"></div> <div class="mc-images-shadow"></div>
</div> </div>
</div> </div>
</div>
</div>
<div class="more-live-box"> <div class="more-live-box">
<h2 class="more-live-title">絲足美女</h2> <h2 class="more-live-title">絲足美女</h2>
<ul class="more-live-ul clearfix"> <ul class="more-live-ul clearfix">
...@@ -311,7 +315,6 @@ ...@@ -311,7 +315,6 @@
</ul> </ul>
</div> </div>
<div style="height: 80px;"></div> <div style="height: 80px;"></div>
</div>
<div style="display: none;" class="guard-layer-box"> <div style="display: none;" class="guard-layer-box">
<div class="guard-layer-top"> <div class="guard-layer-top">
<img class="gurad-layer-face" <img class="gurad-layer-face"
...@@ -434,6 +437,8 @@ ...@@ -434,6 +437,8 @@
<div class="left-gift-jiao"></div> <div class="left-gift-jiao"></div>
</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