Skip to content

PLDaily/vue2-waterfall

Repository files navigation

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