vue-waterfall2
made with Vuejs

vue-waterfall2

这是一个基于vue.js的瀑布流加载组件。

简介及使用教程

vue-waterfall2是一个基于vue.js的瀑布流加载组件。不需知道元素宽高,可宽高自适应;支持无图/视频;内容自定义程度高,支持懒加载(lazy-src);提供Event:loadmore (pc/android端滑动到底部触发,ios端需要上拉触发);使用极为简便,适用于PC/ios/android。

安装

Npm

npm i vue-waterfall2@latest --save

Yarn yarn add vue-waterfall2@latest

使用

全局注册

import waterfall from 'vue-waterfall2'
Vue.use(waterfall)

使用

<waterfall :col='col'   :data="data"     >
  <template>
     <img v-if="item.img" :lazy-src="item.img" alt="加载错误"  />
  </template>
</waterfall>

示例

4smallsmall.gif

作者

Devin

相关项目

这是一个基于Vue的图像墙组件。
这是一个图片显示视差指令。
这是一个可以用手指或鼠标在浏览器内绘制svg路径的APP。
这是一个根据鼠标悬停缩放响应式的图像组件。
这是一个简单美观的图片上传工具。
这是一个可以让2张图像之间的差异突出现实的组件。
这一个基于Vue.js的灯箱组件,无其他依赖。