一个页面中加两个swiper

最新推荐文章于 2023-10-20 11:09:32 发布

老虎帅呆了

最新推荐文章于 2023-10-20 11:09:32 发布

阅读量4.1k

点赞数 1

分类专栏： swiper 文章标签： swiper

本文链接：https://blog.csdn.net/fanhu6816/article/details/53085085

版权

swiper 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

js例：
 <script>  
var swiper = new Swiper('.module01 .swiper-container', {
        pagination: '.module01 .swiper-pagination',
        paginationClickable: true,
autoplay : 1000
    });
 var swiper = new Swiper('.module02 .swiper-container', {
     	 slidesPerView:5,
        paginationClickable: true,
        spaceBetween:0,
        freeMode: true
    });
  </script>
获取他们共用的class的时候加上父元素区分开。
写style的时候.swiper-container和.swiper-paginatio是共用的不要写在里面新建class区分写改变它们不同的样式。