kuan-vue-waterfall （vue3.0 瀑布插件）

点击查看 demo ->

不需要设置内容高度，间隙默认 0

安装

yarn add kuan-vue-waterfall
# order
npm install kuan-vue-waterfall

使用

import WaterFall from 'kuan-vue-waterfall'

export default {
  components: {
    WaterFall,
  },
}

参数

water-fall属性

• data {Array}: 数据源列表 [{key: ''}]
• width {String|Number}: 单个卡片的宽度
• gap {String|Number}: 单个卡片之间边距
• delay {Boolean}: 是否等待看片内图片加载完成

使用 demo

点击查看