1.1.2 • Published 3 years ago
vue-waterfall-lazyload v1.1.2
Install
npm i vue-waterfall-lazyload -S
Quick Start
import Vue from 'vue'
import LazyWaterfall from 'vue-waterfall-lazyload/lib/lazyWaterfall'
Vue.use(LazyWaterfall)
SSR/Nuxt Start
nuxt.config.js
{ src: '@/plugins/no-ssr', ssr: false },
plugins/no-ssr
import Vue from 'vue'
import LazyWaterfall from 'vue-waterfall-lazyload/lib/lazyWaterfall'
Vue.use(LazyWaterfall)
<client-only>
<LazyWaterfall />
</client-only>
How to use
Attributes
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
list | 首屏图片列表 | Array | / |
row | 每行显示图片个数 | Number | 5 |
padding | 图片之间间距 | Number | 10 |
loadData | 加载函数 | Function | / |
loadData
loadData() {
return new Promise((reslove) => {
setTimeout(function () {
reslove([...src])
}, 3000)
})
},