vue瀑布流布局组件vue-waterfall

Posted gr07

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue瀑布流布局组件vue-waterfall相关的知识,希望对你有一定的参考价值。

安装

npm install --save vue-waterfall

引入

import Waterfall from ‘vue-waterfall/lib/waterfall‘
import WaterfallSlot from ‘vue-waterfall/lib/waterfall-slot‘

components: {
  Waterfall,
  WaterfallSlot
},

300是每个元素的宽度

428是每个元素的高度

技术分享图片

技术分享图片

技术分享图片

技术分享图片

http://blog.sina.com.cn/s/blog_12b4ca5aa0102x6wl.html
https://codepen.io/huixisheng/pen/NgoLqR






以上是关于vue瀑布流布局组件vue-waterfall的主要内容,如果未能解决你的问题,请参考以下文章

vue实现瀑布流布局的组件/插件总汇

H5 图片瀑布流布局 - vue

vue-waterfall2 基于Vue.js 瀑布流组件

vue+uniapp瀑布流布局多种实现方式

瀑布流布局顶端边距失效是怎么回事

h5瀑布流布局会留白