A Vue waterfall component using lazy loading
// 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
<script src="unpack.js/"></script>
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build<waterfall :line-gap="200" :watch="items">
</waterfall>
| 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 |
MIT