https://github.com/21hook/vue-waterfall
A vue waterfall component using lazy loading
https://github.com/21hook/vue-waterfall
Last synced: 4 months ago
JSON representation
A vue waterfall component using lazy loading
- Host: GitHub
- URL: https://github.com/21hook/vue-waterfall
- Owner: 21hook
- Created: 2018-06-03T08:59:01.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-13T13:48:30.000Z (about 8 years ago)
- Last Synced: 2025-10-03T00:48:20.871Z (9 months ago)
- Language: Vue
- Size: 432 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-waterfall
> A Vue waterfall component using lazy loading
[Demo](https://21hook.github.io/vue-waterfall/)
## Install
```
// import as ES6 module
import VueImagePreview from 'vue-image-preview'
// require as Node module
var VueImagePreview = require('vue-image-preview')
// then, install the plugin
Vue.use(VueImagePreview)
// load as JS file
```
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
```
## Usage
```
```
## Props
name | type | default | description
-----| -----| ------- | -----------
url | String | - | required, URL to get the list of the image details, with a url parameter https://host/path?:listNo=1 to get the next list
align | String | 'row' | 'row'' or 'col', grid alignment
lineNum | Number | 6 | integer from 0 to 24 the number of grids in a row or column
## License
MIT