Vue3瀑布流（Waterfall）

Vue2瀑布流（Waterfall） 

可自定义设置以下属性：

• 图片数组（images），类型：Array<{title: string, src: string}>，默认 []

• 要划分的列数（columnCount），类型：number，默认 3

• 各列之间的间隙（columnGap），类型：number，单位px，默认 30

• 瀑布流区域的总宽度（width），类型：number | string，默认 '100%'

• 瀑布流区域背景填充色（backgroundColor），类型：string，默认 '#F2F4F8'

• 瀑布流排列方式（mode）类型：string，默认 'JS'，可选：JS(js计算) CSS(css布局)

效果如下图：

JS计算模式（mode: 'JS'）

CSS布局（mode: 'CSS'）

①创建瀑布流组件Waterfall.vue：

②在要使用的页面引入：