Lazyload
图片懒加载。
示例
<div v-nut-lazyload='{
"imgLoading":"http://page.jd.com/virtuals/ijipiao/1.3/css/i/loading.gif",
"distance":40,
"element":"[lazyload]",
"failImg":'url'
}'>
<img data-src="url" lazyload/>
</div>
Options
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
v-nut-lazyload | 指令 | String | — | — |
imgLoading | 用于加载loading图片的路径 | String | 默认自带一张loading | — |
distance | 提前加载图片距离可视窗口底部的距离 | number | 不写 默认为30 | — |
element | 用于需要懒加载图片元素的选择 | String | 不写 默认为'[lazyload]' | — |
failImg | 用于图片请求失败显示的图片 | String | 不写 默认没有 | — |