Skip to content

libai / footseen-large-website

Go to a project
Commit 2c90001e by libai
Options

测试

parent 7bf99206
Inline Side-by-side
Showing with 95 additions and 111 deletions
index.html
......@@ -178,10 +178,7 @@
</li> -->
</ul>
</div>
<div style="height: 60px;"></div>
</div>
<div class="login-content">
......
mobile/download/css/index.css
.bg {
width: 100vw;
height: 100%;
background: url(../images/bg.png?v=20220805) no-repeat;
background-size: 100% 100%;
background: url(../images/video.png?v=2022081201) no-repeat;
background-size: 100% auto;
position: relative;
}
.title {
width: 9.78rem;
.video {
position: absolute;
left: 0.11rem;
top: 1rem;
top: 0;
left: 0;
z-index: 1;
width: 100vw;
}
.bottom-bg {
width: 10rem;
height: 8.66rem;
background: url(../images/bottom-bg.png) no-repeat;
background-size: 100% 100%;
.shadow {
width: 100vw;
height: 100%;
position: absolute;
bottom: 0.7rem;
z-index: 3;
top: 0;
left: 0;
z-index: 5;
}
.video-bg {
width: 9.73rem;
height: 15.33rem;
background: url(../images/video-bg.png) no-repeat;
background: url(../images/bg.png?v=2022081201) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 1.8rem;
left: 0.135rem;
z-index: 2;
}
.video-go {
width: 7.5rem;
height: 13rem;
.banner {
width: 9.78rem;
height: 11.86rem;
background: url(../images/banner.png?v=2022081201) no-repeat;
background-size: 100% 100%;
position: absolute;
border-radius: 0.4rem;
top: 2.9rem;
left: 1.24rem;
overflow: hidden;
top: 0;
left: 0.11rem;
z-index: 5;
top: 0.5rem;
}
.video {
width: 7.5rem;
height: 13.3rem;
.shadow1 {
width: 100vw;
height: 6.5rem;
position: absolute;
border-radius: 0.4rem;
top: 0;
z-index: 2;
backdrop-filter: blur(5px);
}
.down {
width: 6.77rem;
height: 1.7rem;
background: url(../images/down.png) no-repeat;
background: url(../images/down.png?v=2022081201) no-repeat;
background-size: 100% 100%;
left: 1.615rem;
bottom: 1.7rem;
position: absolute;
z-index: 50;
z-index: 5;
left: 1.615rem;
top: 13rem;
transform: scale(1);
animation: downShow 0.9s linear infinite;
}
......
mobile/download/css/index.less
.bg{
width: 100vw;
height: 100%;
background: url(../images/bg.png?v=20220805)no-repeat;
background-size: 100% 100%;
background: url(../images/video.png?v=2022081201)no-repeat;
background-size: 100% auto;
position: relative;
}
.title{
width: 9.78rem;
.video{
position: absolute;
left: 0.11rem;
top: 1rem;
top: 0;
left: 0;
z-index: 1;
width: 100vw;
}
.bottom-bg{
width: 10rem;
height: 8.66rem;
background: url(../images/bottom-bg.png)no-repeat;
background-size: 100% 100%;
.shadow{
width: 100vw;
height: 100%;
position: absolute;
bottom: 0.7rem;
z-index: 3;
top: 0;
left: 0;
z-index: 5;
}
.video-bg{
width: 9.73rem;
height: 15.33rem;
background: url(../images/video-bg.png)no-repeat;
background: url(../images/bg.png?v=2022081201)no-repeat;
background-size: 100% 100%;
position: absolute;
top: 1.8rem;
left: 0.135rem;
z-index: 2;
}
.video-go{
width: 7.5rem;
height: 13rem;
.banner{
width: 9.78rem;
height: 11.86rem;
background: url(../images/banner.png?v=2022081201)no-repeat;
background-size: 100% 100%;
position: absolute;
border-radius: 0.4rem;
top: 2.9rem;
left: 1.24rem;
overflow: hidden;
top: 0;
left: 0.11rem;
z-index: 5;
top: 0.5rem;
}
.video{
width: 7.5rem;
height: 13.3rem;
.shadow1{
width: 100vw;
height: 6.5rem;
position: absolute;
border-radius: 0.4rem;
top: 0;
z-index: 2;
backdrop-filter: blur(5px);
}
.down{
width: 6.77rem;
height: 1.7rem;
background: url(../images/down.png)no-repeat;
background: url(../images/down.png?v=2022081201)no-repeat;
background-size: 100% 100%;
left: 1.615rem;
bottom: 1.7rem;
position: absolute;
z-index: 50;
z-index: 5;
left: 1.615rem;
top: 13rem;
transform: scale(1);
animation: downShow 0.9s linear infinite;
}
@keyframes downShow {
0%{
transform: scale(1);
......@@ -69,4 +64,5 @@
100%{
transform: scale(1);
}
}
\ No newline at end of file
}
// backdrop-filter: blur(14px);
\ No newline at end of file
mobile/download/download.html
......@@ -36,16 +36,15 @@
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2022080504">
<link rel="stylesheet" href="css/index.css?v=2022081201">
</head>
<body>
<div class="bg">
<img class="title" src="images/title.png" alt="">
<div class="video-bg"></div>
<div class="video-go">
<video class="video" loop muted autoplay x5-video-player-type="h5" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="true" src="images/video.mp4"></video>
</div>
<video class="video" loop muted autoplay x5-video-player-type="h5" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="true" src="images/video.mp4?v=20220812"></video>
<div class="shadow1"></div>
<div class="shadow"></div>
<div class="banner"></div>
<div class="down"></div>
<div class="bottom-bg"></div>
</div>
......
mobile/download/download2.html
......@@ -36,16 +36,15 @@
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2022080504">
<link rel="stylesheet" href="css/index.css?v=2022081201">
</head>
<body>
<div class="bg">
<img class="title" src="images/title.png" alt="">
<div class="video-bg"></div>
<div class="video-go">
<video class="video" loop muted autoplay x5-video-player-type="h5" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="true" src="images/video.mp4"></video>
</div>
<video class="video" loop muted autoplay x5-video-player-type="h5" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="true" src="images/video.mp4?v=20220812"></video>
<div class="shadow1"></div>
<div class="shadow"></div>
<div class="banner"></div>
<div class="down"></div>
<div class="bottom-bg"></div>
</div>
......
mobile/download/download4.html
......@@ -36,16 +36,15 @@
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2022080504">
<link rel="stylesheet" href="css/index.css?v=2022081201">
</head>
<body>
<div class="bg">
<img class="title" src="images/title.png" alt="">
<div class="video-bg"></div>
<div class="video-go">
<video class="video" loop muted autoplay x5-video-player-type="h5" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="true" src="images/video.mp4"></video>
</div>
<video class="video" loop muted autoplay x5-video-player-type="h5" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="true" src="images/video.mp4?v=20220812"></video>
<div class="shadow1"></div>
<div class="shadow"></div>
<div class="banner"></div>
<div class="down"></div>
<div class="bottom-bg"></div>
</div>
......
mobile/download/downloadPc.html
......@@ -36,16 +36,15 @@
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2022080504">
<link rel="stylesheet" href="css/index.css?v=2022081201">
</head>
<body>
<div class="bg">
<img class="title" src="images/title.png" alt="">
<div class="video-bg"></div>
<div class="video-go">
<video class="video" loop muted autoplay x5-video-player-type="h5" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="true" src="images/video.mp4"></video>
</div>
<video class="video" loop muted autoplay x5-video-player-type="h5" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="true" src="images/video.mp4?v=20220812"></video>
<div class="shadow1"></div>
<div class="shadow"></div>
<div class="banner"></div>
<div class="down"></div>
<div class="bottom-bg"></div>
</div>
......
mobile/download/images/bg.png
mobile/download/images/bg.png

319 KB | W: | H:

mobile/download/images/bg.png

72.5 KB | W: | H:

mobile/download/images/bg.png
mobile/download/images/bg.png
mobile/download/images/bg.png
mobile/download/images/bg.png
  • 2-up
  • Swipe
  • Onion skin
mobile/download/images/down.png
mobile/download/images/down.png

16.1 KB | W: | H:

mobile/download/images/down.png

18.1 KB | W: | H:

mobile/download/images/down.png
mobile/download/images/down.png
mobile/download/images/down.png
mobile/download/images/down.png
  • 2-up
  • Swipe
  • Onion skin
mobile/index.html
......@@ -247,9 +247,9 @@ $(function(){
})
function getLive(){
$.ajax({
url:$ip+'/footSeen/h5/queryLiveUsers',
url:'https://cpapi.footseen.xyz/frontPage/queryLiveUsers?lang=2&os=pc_web&cid=ftsweb&webVersion=1000&pageNum=1&pageSize=100&pageID=c0bc8998f192ed39e98dc97a6170186e',
success:function(data){
// //console.log('直播列表',data)
// console.log('直播列表',data)
if(data.roomList.length==0){
$(".module-title").hide()
$(".more-live-box").hide()
......
room/liveRoom.html
......@@ -355,7 +355,7 @@
<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-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="">
......@@ -365,11 +365,11 @@
<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>
<span></span>
<span></span>
<span></span>
</div>
<div class="space-text">餘生很短，一定要見到一個XXXXXX</div>
<div class="space-text"></div>
<ul class="space-num-ul">
<li class="space-num-li1">
<p>5</p>
......
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