Skip to content

libai / footsen

Go to a project
Commit d6757a08 by agan
Options

提交

parent 39c84334
Inline Side-by-side
Showing with 43 additions and 16 deletions
css/new/index.css
...@@ -152,11 +152,11 @@ body { ...@@ -152,11 +152,11 @@ body {
.recommendBox { .recommendBox {
width: 8rem; width: 10rem;
height: 15rem; height: 15rem;
position: absolute; position: absolute;
top: 5rem; top: 5rem;
left: 1rem; left: 0rem;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -190,7 +190,9 @@ body { ...@@ -190,7 +190,9 @@ body {
color: #fff; color: #fff;
font-size: 0.347rem; font-size: 0.347rem;
} }
.rTime{
margin-left: 1rem;
}
.rName{ .rName{
margin-left: 0.8rem; margin-left: 0.8rem;
} }
......
newIndex.html
...@@ -55,8 +55,12 @@ ...@@ -55,8 +55,12 @@
<div class="mPhone"> <div class="mPhone">
<div class="phoneBorder"></div> <div class="phoneBorder"></div>
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" muted loop="loop"> <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
<source src="video/video.mp4" type="video/mp4"></source> x5-video-player-type="h5" x5-video-player-fullscreen="true"
style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" muted
loop="loop">
<source src="video/video.mp4" type="video/mp4">
</source>
</video> </video>
</div> </div>
</div> </div>
...@@ -77,7 +81,10 @@ ...@@ -77,7 +81,10 @@
<div class="rVideos"> <div class="rVideos">
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/PxRti9Bknrs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/PxRti9Bknrs"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> </div>
<div class="rInfo"> <div class="rInfo">
<span class="rTime">2021/08/22</span> <span class="rTime">2021/08/22</span>
...@@ -86,7 +93,10 @@ ...@@ -86,7 +93,10 @@
</div> </div>
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/ygtef2thdgw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/ygtef2thdgw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> </div>
<div class="rInfo"> <div class="rInfo">
<span class="rTime">2021/07/16</span> <span class="rTime">2021/07/16</span>
...@@ -104,7 +114,10 @@ ...@@ -104,7 +114,10 @@
</div> --> </div> -->
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/n9QRNjZNJQ4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/n9QRNjZNJQ4"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> </div>
<div class="rInfo"> <div class="rInfo">
<span class="rTime">2021/06/06</span> <span class="rTime">2021/06/06</span>
...@@ -113,7 +126,10 @@ ...@@ -113,7 +126,10 @@
</div> </div>
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/Lt3fZZqNulg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/Lt3fZZqNulg"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> </div>
<div class="rInfo"> <div class="rInfo">
<span class="rTime">2021/05/29</span> <span class="rTime">2021/05/29</span>
...@@ -122,7 +138,10 @@ ...@@ -122,7 +138,10 @@
</div> </div>
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/UNtQytZtGkM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/UNtQytZtGkM"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> </div>
<div class="rInfo"> <div class="rInfo">
<span class="rTime">2021/05/09</span> <span class="rTime">2021/05/09</span>
...@@ -155,12 +174,12 @@ ...@@ -155,12 +174,12 @@
return; return;
} }
curp++; curp++;
if(curp == 2){ if (curp == 2) {
$('.wipeUp').hide(); $('.wipeUp').hide();
}else{ } else {
$('.wipeUp').show(); $('.wipeUp').show();
} }
$('.curpage').animate({ top: -(scrollH * curp) + 'px'}); $('.curpage').animate({ top: -(scrollH * curp) + 'px' });
return; return;
} }
if (ev.type == 'swipedown') { if (ev.type == 'swipedown') {
...@@ -169,15 +188,21 @@ ...@@ -169,15 +188,21 @@
return; return;
} }
curp--; curp--;
if(curp == 2){ if (curp == 2) {
$('.wipeUp').hide(); $('.wipeUp').hide();
}else{ } else {
$('.wipeUp').show(); $('.wipeUp').show();
} }
$('.curpage').animate({ top: -(scrollH * curp) + 'px'}); $('.curpage').animate({ top: -(scrollH * curp) + 'px' });
return; return;
} }
}); });
touch.on($('.recommendBox'), 'swipeup swipedown', function (ev) {
touchB = false;
if ($('.recommendBox').scrollTop() == 0) {
touchB = true;
}
})
}) })
</script> </script>
</body> </body>
......
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