slidesPerColumn
设置多行布局里面每列的slide数量。
当slidesPerColumnFill:column,需要同时设定swiper-container的高度。
slidesPerColumn目前还不兼容loop模式(loop: true)。
在slide数量不足以填满的情况下可能会出现布局不理想(例如4行3列,但是只有10个slide),建议使用空的slide将数量补足。
当slidesPerColumnFill:column,需要同时设定swiper-container的高度。
slidesPerColumn目前还不兼容loop模式(loop: true)。
在slide数量不足以填满的情况下可能会出现布局不理想(例如4行3列,但是只有10个slide),建议使用空的slide将数量补足。
slidesPerColumn信息
- 类型:
- number
- 默认:
- 1
- 举例:
- 2
- 启用版本:
- 4.0.0
效果演示
2
使用方法示例
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
slidesPerView: 3,//一行显示3个
slidesPerColumn: 2,//显示2行
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [http://m.qinvzi.net]
本文地址:http://m.qinvzi.net/api/grid/199.html