vue2-waterfall

An AutoHeight Waterfall Component For Vue2
39,050 94
Install
npm install vue2-waterfall
Latest Version:3.0.1
Vue:2
License:MIT
Last Updated:Dec 24, 2021
Links: GitHub  ·  npm
Maintainer: pldaily

vue2-waterfall

Build Status npm npm npm npm

访问中文版

Overview

An AutoHeight Waterfall Component For Vue2

demo

Install

Install vue2-waterfall

npm install vue2-waterfall

Import vue2-waterfall

ES6/commonjs import style is supported.

// ES6
import {Waterfall, WaterfallItem} from 'vue2-waterfall';

// commonjs
const Waterfall = require("vue2-waterfall").Waterfall;
const WaterfallItem = require("vue2-waterfall").WaterfallItem;

or link as a script in an html file and access global variable Vue2Waterfall.

<script src="dist/vue2-waterfall.js"></script>

Usage

<Waterfall>
  <WaterfallItem>item1</WaterfallItem>
  <WaterfallItem>item2</WaterfallItem>
  <WaterfallItem>item3</WaterfallItem>
  ...
</Waterfall>

options

Option Description default type
options masonry options {} Object

LICENSE

MIT@PLDaily

Related Packages

vue-flex-waterfall

A horizontal sorting waterfall layout component for Vue.js, realized by flex lay...

16,277 61
@lhlyu/vue-virtual-waterfall

vue3 virtual waterfall component

21,403 247
vue-waterfall

A waterfall layout component for Vue.js

13,057 2,191
v3-waterfall

一个 vue 3 的自适应瀑布流组件。

5,886 153
vue3-waterfall

A waterfall component build with Vue3、Typescript and Vite.

879 5

Version History

Version Released Vue License
3.0.1 >=2.0.0 MIT
2.0.3 ^2.5.13 MIT
2.0.2 ^2.5.13 MIT
2.0.1 ^2.5.13 MIT
1.0.9 ^2.5.13 MIT
Pre-releases (2)
Version Released Vue License
2.0.1-rc ^2.5.13 MIT
2.0.0-rc ^2.5.13 MIT