Bladeren bron

轮播图填充不满bug

master
congzc 1 jaar geleden
bovenliggende
commit
9ea71b2fff
3 gewijzigde bestanden met toevoegingen van 26 en 10 verwijderingen
  1. +15
    -1
      css/index.css
  2. +4
    -2
      index.html
  3. +7
    -7
      js/index.js

+ 15
- 1
css/index.css Bestand weergeven

@@ -1,7 +1,21 @@
body {
overflow-x: hidden;
}
.mySwiper {
width: 100vw!important;

}
.swiper-wrapper {
width: 100vw!important;

}
.swiper-slide {
width: 100%!important;
}
.concentrationBox {
width: 100%;
margin-top: 80px;
background: linear-gradient(0deg, #071688, #163FC4);
/* background: linear-gradient(0deg, #071688, #163FC4); */
cursor: pointer;
}



+ 4
- 2
index.html Bestand weergeven

@@ -48,13 +48,13 @@
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_banner.png" alt="">
</div>
<div class="swiper-slide"><img class="concentrationBox"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/banner_1.png" alt="">
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/banner_3.png" alt="">
</div>
<div class="swiper-slide"><img class="concentrationBox"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/banner_2.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
<!-- <div class="swiper-pagination"></div> -->
</div>

<!-- <div ></div> -->
@@ -426,4 +426,6 @@
disableOnInteraction: false,
},
})


</script>

+ 7
- 7
js/index.js Bestand weergeven

@@ -4,13 +4,13 @@ $(".footer").load("../html/footer.html");


$(function () {
var swiper = new Swiper(".mySwiper", {
loop: true,
autoplay: true,
pagination: {
el: ".swiper-pagination",
},
});
// var swiper = new Swiper(".mySwiper", {
// loop: true,
// autoplay: true,
// pagination: {
// el: ".swiper-pagination",
// },
// });
$("#home").click(function () {
$("html,body").animate({ scrollTop: $(".concentrationBox").offset().top }, 1000)



Laden…
Annuleren
Opslaan