Bootstrap

vue瀑布流插件vue-waterfall-plugin

场景

最近在做多模态智能搜索功能,里面的以文搜文和以图搜图都有瀑布流的展示,多年前做的瀑布流忘记用的啥了,把这次使用的记录一下吧。

1.安装vue-waterfall-plugin

npm install vue-waterfall-plugin --save

2.vue文件中引入

import {
    LazyImg, Waterfall } from 'vue-waterfall-plugin'
import 'vue-waterfall-plugin/dist/style.css'

export default {
   
 components: {
   Waterfall, LazyImg},
 ...
}

3.在所需的位置使用瀑布流插件

<div class="picContent
;