slidesPerColumnFill
多行布局中以什么形式填充:
'column'(列)
'row'(行)。
当设置为column时,需要设置swiper的高度。
Swiper7.0.0已经弃用此属性,请使用grid组件。
'column'(列)
1 | 3 | 5 |
2 | 4 | 6 |
'row'(行)。
1 | 2 | 3 |
4 | 5 | 6 |
当设置为column时,需要设置swiper的高度。
Swiper7.0.0已经弃用此属性,请使用grid组件。
slidesPerColumnFill信息
- 类型:
- string
- 默认:
- column
- 举例:
- row
- 启用版本:
- 4.0.0
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
slidesPerView: 3,
slidesPerColumn : 2,
slidesPerColumnFill : 'row',
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/abandon/200.html