vue awesome swiper的使用 slidesPerColumn的排版顺序
设置swiperOption 参数时,如果需要分页slidesPerColumn:2, 则为两行 ;slidesPerView: 4,为一行显示的个数默认的排列顺序是 12 | 34 | 56 | 78 如果想横向排序 1234 | 45678 则 设置slidesPerColumnFill : 'row',则横向排版 而不是竖向swiper...
·
设置 swiperOption 参数时,
如果需要分页 slidesPerColumn:2, 则为两行 ; slidesPerView: 4,为一行显示的个数
默认的排列顺序是 12 | 34 | 56 | 78 如果想横向排序 1234 | 45678 则 设置slidesPerColumnFill : 'row',则横向排版 而不是竖向
swiperOption: {
slidesPerView: 4,
spaceBetween: 0,
slidesPerGroup:4,
slidesPerColumn:2,
slidesPerColumnFill : 'row',
direction: 'horizontal',
pagination: {
el: '.swiper-pagination',
clickable: true
},
},
如上个例子
更多推荐
已为社区贡献3条内容
所有评论(0)