rows
设置网格中Slide的行数。
当设置row>1时目前还不兼容loop模式(loop: true)。
在Slide数量不足以填满的情况下可能会出现布局不理想(例如4行3列,但是只有10个Slide),建议使用空的Slide将数量补足。
当设置row>1时目前还不兼容loop模式(loop: true)。
在Slide数量不足以填满的情况下可能会出现布局不理想(例如4行3列,但是只有10个Slide),建议使用空的Slide将数量补足。
rows信息
- 类型:
- number
- 默认:
- 1
- 举例:
- 4
- 启用版本:
- 7.0.0
效果演示
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
slidesPerView: 3,
grid: {
fill: 'column',
rows: 2,
},
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/grid/493.html
上一篇:fill
下一篇:没有了