Skip to content

Waterfall 瀑布流布局

瀑布流布局将元素根据可用垂直空间放置在最佳位置。

基础用法

loading

五列布局

使用 cols 属性设置显示为五列。

loading

图片瀑布流

瀑布流非常适合展示高度不一的图片。

loading

API

属性说明类型默认值
items待展示的数据数组any[][]
cols显示的列数number3
gap元素之间的间距(像素)number16

插槽

插槽名说明
default自定义每个条目的内容,参数为 { item }

MIT License