Swiper中文论坛

标题: 拼多多断码清仓的这个轮播咋写啊？ [打印本页]

作者: 我枕着月光 时间: 2019-7-16 16:46
标题: 拼多多断码清仓的这个轮播咋写啊？
slidesPerView 不为整数不会无限轮播写了 ‘auto’,然后也设置了loopedSlides :document.querySelectorAll('.swiper-slide').length,还是没有效果？
付链接 http://mobile.yangkeduo.com/sjs_brand_clearance.html?o_tab_id=178&title=%E6%96%AD%E7%A0%81%E6%B8%85%E4%BB%93&refer_page_el_sn=99955&refer_page_name=index&refer_page_id=10002_1563265318592_7nsf44q5Zz&refer_page_sn=10002

作者: 我枕着月光 时间: 2019-7-16 16:55
var slideImg = new Swiper('.slideImg', {
loop: true, //自动轮播
slidesPerView:'auto',
loopedSlides :document.querySelectorAll('.swiper-slide').length,
freeMode:true,
spaceBetween : 16,
autoplay: {
delay: 2000,
stopOnLastSlide:false,
disableOnInteraction: true,
}
});

每个swiper-slide 是屏幕宽度的30% ，现在屏幕上显示两个半模块了，但不会轮播，到最后一个模块就不动了

作者: 我枕着月光 时间: 2019-7-16 17:21
搞定了，因为我给的数据不够3个，所以slidesPerView没起作用

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)