「这是我参与11月更文挑战的第2天，活动详情查看：2021最后一次更文挑战」。
最近参与开发了一个图片展示的网站项目，设计图采用了瀑布流的展示效果，如下图所示：
使用瀑布流可以完美实现这个问题，图片只需要设定宽度，高度自适应，就可以完美实现。
下边我们来说说怎样来实现：
步骤一：安装依赖
npm i vue-waterfall2@latest --save
步骤二：main.js中引入
import waterfall from 'vue-waterfall2'Vue.use(waterfall)
大功告成！
示例代码：
<waterfall :col="4" :data="imgList"> <template> <div class="list_item" v-for="item in imgList" :key="item.id"> <img :src="item.cover" class="cover" width="100%" /> </div> </template> </waterfall>
希望帮助到更多需要的小伙伴，好东西大家一起分享！！！
