18693137663
2137087126@qq.com

技术动态

联系我们

泽熙科技

蒋经理 18693137663
2137087126@qq.com
QQ:2137087126
微信:clyjiangxi

swiper常见使用方法

2022年03月29日

var banner = new Swiper('.banner', {

      spaceBetween: 10,   //在slide之间设置距离(单位px)

      slidesPerView: 4, //设置slider容器能够同时显示的slides数量

      loop: true,  //开启循环轮播

      freeMode: true, //启用自由模式功能,Swiper 会根据惯性滑动不止一格

      loopedSlides: 5, //配合loop模式下使用slidesPerview:'auto'

      watchSlidesVisibility: true, //每个可见slide增加一个Class Name

      watchSlidesProgress: true, //计算每个slide的progress

    });