查看: 2252|回复: 2
打印 上一主题 下一主题

拼多多断码清仓的这个轮播咋写啊?

[复制链接]

该用户从未签到

1

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
跳转到指定楼层
楼主
发表于 2019-7-16 16:46:37 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
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
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

1

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
沙发
 楼主| 发表于 2019-7-16 16:55: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% ,现在屏幕上显示两个半模块了,但不会轮播,到最后一个模块就不动了
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
板凳
 楼主| 发表于 2019-7-16 17:21:18 | 只看该作者
搞定了,因为我给的数据不够3个,所以slidesPerView没起作用
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-1 12:25 , Processed in 0.062282 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表