优化查看详情

master
chen 2021-12-10 10:43:57 +08:00
parent e142e3c048
commit e37a735f91
3 changed files with 26 additions and 1 deletions

View File

@ -47,6 +47,7 @@
.footer {
position: fixed;
bottom: 0px;
z-index: 2;
width: 100%;
display: flex;
justify-content: space-between;
@ -152,7 +153,7 @@
left: 0;
right: 0;
background-color: rgba(255,255,255,1);
z-index: 2;
z-index: 3;
padding: 20px;
transition: all .5s ease-in-out;
color: #000000;
@ -172,6 +173,7 @@
bottom: 0px;
left: 0px;
right: 0px;
z-index: 0;
padding: 20px;
background-color: #FFFFFF;
transition: all .5s ease-in-out;

View File

@ -103,6 +103,24 @@
</div>
<span>感恩奋进70年致敬时代金沙人</span>
</div>
<div class="huigu-box">
<div class="banner-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-01.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-01</h1>
</div>
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-02.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-02</h1>
</div>
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-03.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-03</h1>
</div>
</div>
</div>
</div>
</div>
<!-- 视频播放 -->
<div class="video-play-box" id="video-box">

View File

@ -73,9 +73,14 @@ function closeVideo() {
function checkInfo(){
$('.info-box').addClass('taskBox');
$('.close-box').addClass('btn-close');
$('body').css({"overflow": "hidden","height": '100%'});//禁止底层页面滚动
$('html').css({"overflow": "hidden","height": '100%'});//禁止底层页面滚动
}
// 关闭详情
function closeEv(){
$('.info-box').removeClass('taskBox');
$('.close-box').removeClass('btn-close');
$('.info-box').scrollTop(0);
$('body').css({"overflow": "scroll"});
$('html').css({"overflow": "scroll"});
}