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 @@ ...@@ -178,10 +178,7 @@
</li> --> </li> -->
</ul> </ul>
</div> </div>
<div style="height: 60px;"></div> <div style="height: 60px;"></div>
</div> </div>
<div class="login-content"> <div class="login-content">
......
mobile/download/css/index.css
.bg { .bg {
width: 100vw; width: 100vw;
height: 100%; height: 100%;
background: url(../images/bg.png?v=20220805) no-repeat; background: url(../images/video.png?v=2022081201) no-repeat;
background-size: 100% 100%; background-size: 100% auto;
position: relative; position: relative;
} }
.title { .video {
width: 9.78rem;
position: absolute; position: absolute;
left: 0.11rem; top: 0;
top: 1rem; left: 0;
z-index: 1;
width: 100vw;
} }
.bottom-bg { .shadow {
width: 10rem; width: 100vw;
height: 8.66rem; height: 100%;
background: url(../images/bottom-bg.png) no-repeat;
background-size: 100% 100%;
position: absolute; position: absolute;
bottom: 0.7rem; z-index: 3;
top: 0;
left: 0; left: 0;
z-index: 5; background: url(../images/bg.png?v=2022081201) no-repeat;
}
.video-bg {
width: 9.73rem;
height: 15.33rem;
background: url(../images/video-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute;
top: 1.8rem;
left: 0.135rem;
z-index: 2;
} }
.video-go { .banner {
width: 7.5rem; width: 9.78rem;
height: 13rem; height: 11.86rem;
background: url(../images/banner.png?v=2022081201) no-repeat;
background-size: 100% 100%;
position: absolute; position: absolute;
border-radius: 0.4rem; top: 0;
top: 2.9rem; left: 0.11rem;
left: 1.24rem; z-index: 5;
overflow: hidden; top: 0.5rem;
} }
.video { .shadow1 {
width: 7.5rem; width: 100vw;
height: 13.3rem; height: 6.5rem;
position: absolute; position: absolute;
border-radius: 0.4rem; top: 0;
z-index: 2;
backdrop-filter: blur(5px);
} }
.down { .down {
width: 6.77rem; width: 6.77rem;
height: 1.7rem; height: 1.7rem;
background: url(../images/down.png) no-repeat; background: url(../images/down.png?v=2022081201) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
left: 1.615rem;
bottom: 1.7rem;
position: absolute; position: absolute;
z-index: 50; z-index: 5;
left: 1.615rem;
top: 13rem;
transform: scale(1); transform: scale(1);
animation: downShow 0.9s linear infinite; animation: downShow 0.9s linear infinite;
} }
......
mobile/download/css/index.less
.bg{ .bg{
width: 100vw; width: 100vw;
height: 100%; height: 100%;
background: url(../images/bg.png?v=20220805)no-repeat; background: url(../images/video.png?v=2022081201)no-repeat;
background-size: 100% 100%; background-size: 100% auto;
position: relative; position: relative;
} }
.title{ .video{
width: 9.78rem;
position: absolute; position: absolute;
left: 0.11rem; top: 0;
top: 1rem; left: 0;
z-index: 1;
width: 100vw;
} }
.bottom-bg{ .shadow{
width: 10rem; width: 100vw;
height: 8.66rem; height: 100%;
background: url(../images/bottom-bg.png)no-repeat;
background-size: 100% 100%;
position: absolute; position: absolute;
bottom: 0.7rem; z-index: 3;
top: 0;
left: 0; left: 0;
z-index: 5; background: url(../images/bg.png?v=2022081201)no-repeat;
}
.video-bg{
width: 9.73rem;
height: 15.33rem;
background: url(../images/video-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute;
top: 1.8rem;
left: 0.135rem;
z-index: 2;
} }
.video-go{ .banner{
width: 7.5rem; width: 9.78rem;
height: 13rem; height: 11.86rem;
background: url(../images/banner.png?v=2022081201)no-repeat;
background-size: 100% 100%;
position: absolute; position: absolute;
border-radius: 0.4rem; top: 0;
top: 2.9rem; left: 0.11rem;
left: 1.24rem; z-index: 5;
overflow: hidden; top: 0.5rem;
} }
.video{ .shadow1{
width: 7.5rem; width: 100vw;
height: 13.3rem; height: 6.5rem;
position: absolute; position: absolute;
border-radius: 0.4rem; top: 0;
z-index: 2;
backdrop-filter: blur(5px);
} }
.down{ .down{
width: 6.77rem; width: 6.77rem;
height: 1.7rem; height: 1.7rem;
background: url(../images/down.png)no-repeat; background: url(../images/down.png?v=2022081201)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
left: 1.615rem;
bottom: 1.7rem;
position: absolute; position: absolute;
z-index: 50; z-index: 5;
left: 1.615rem;
top: 13rem;
transform: scale(1); transform: scale(1);
animation: downShow 0.9s linear infinite; animation: downShow 0.9s linear infinite;
} }
@keyframes downShow { @keyframes downShow {
0%{ 0%{
transform: scale(1); transform: scale(1);
...@@ -69,4 +64,5 @@ ...@@ -69,4 +64,5 @@
100%{ 100%{
transform: scale(1); 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 @@ ...@@ -36,16 +36,15 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.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> </head>
<body> <body>
<div class="bg"> <div class="bg">
<img class="title" src="images/title.png" alt=""> <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="video-bg"></div> <div class="shadow1"></div>
<div class="video-go"> <div class="shadow"></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"></video> <div class="banner"></div>
</div>
<div class="down"></div> <div class="down"></div>
<div class="bottom-bg"></div> <div class="bottom-bg"></div>
</div> </div>
......
mobile/download/download2.html
...@@ -36,16 +36,15 @@ ...@@ -36,16 +36,15 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.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> </head>
<body> <body>
<div class="bg"> <div class="bg">
<img class="title" src="images/title.png" alt=""> <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="video-bg"></div> <div class="shadow1"></div>
<div class="video-go"> <div class="shadow"></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"></video> <div class="banner"></div>
</div>
<div class="down"></div> <div class="down"></div>
<div class="bottom-bg"></div> <div class="bottom-bg"></div>
</div> </div>
......
mobile/download/download4.html
...@@ -36,16 +36,15 @@ ...@@ -36,16 +36,15 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.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> </head>
<body> <body>
<div class="bg"> <div class="bg">
<img class="title" src="images/title.png" alt=""> <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="video-bg"></div> <div class="shadow1"></div>
<div class="video-go"> <div class="shadow"></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"></video> <div class="banner"></div>
</div>
<div class="down"></div> <div class="down"></div>
<div class="bottom-bg"></div> <div class="bottom-bg"></div>
</div> </div>
......
mobile/download/downloadPc.html
...@@ -36,16 +36,15 @@ ...@@ -36,16 +36,15 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.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> </head>
<body> <body>
<div class="bg"> <div class="bg">
<img class="title" src="images/title.png" alt=""> <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="video-bg"></div> <div class="shadow1"></div>
<div class="video-go"> <div class="shadow"></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"></video> <div class="banner"></div>
</div>
<div class="down"></div> <div class="down"></div>
<div class="bottom-bg"></div> <div class="bottom-bg"></div>
</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(){ ...@@ -247,9 +247,9 @@ $(function(){
}) })
function getLive(){ function getLive(){
$.ajax({ $.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){ success:function(data){
// //console.log('直播列表',data) // console.log('直播列表',data)
if(data.roomList.length==0){ if(data.roomList.length==0){
$(".module-title").hide() $(".module-title").hide()
$(".more-live-box").hide() $(".more-live-box").hide()
......
room/liveRoom.html
...@@ -355,7 +355,7 @@ ...@@ -355,7 +355,7 @@
<img class="layer-space-face" src="images/face.png" alt=""> <img class="layer-space-face" src="images/face.png" alt="">
<div class="layer-space"> <div class="layer-space">
<img class="space-close" src="images/close.png" alt=""> <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> <p class="layer-space-p2">Footseen ID:12345678</p>
<div class="layer-space-icon"> <div class="layer-space-icon">
<img class="space-vip" src="https://app.ixiulive.com/static/vip/9.png" alt=""> <img class="space-vip" src="https://app.ixiulive.com/static/vip/9.png" alt="">
...@@ -365,11 +365,11 @@ ...@@ -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"> <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="layer-space-tag">
<span>水瓶座</span> <span></span>
<span>幼稚園</span> <span></span>
<span>老司機</span> <span></span>
</div> </div>
<div class="space-text">餘生很短，一定要見到一個XXXXXX</div> <div class="space-text"></div>
<ul class="space-num-ul"> <ul class="space-num-ul">
<li class="space-num-li1"> <li class="space-num-li1">
<p>5</p> <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