更新记录
1.1.0(2023-10-26)
支持vue2,vue3
1.0.2(2023-06-12)
图片加载失败是传出 finish 和 error 事件
1.0.1(2022-01-10)
增加事件 finish
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
zero-lazy-load
使用方法
导入 uni_modules
后直接使用即可
<view class="img_list">
<zero-lazy-load class="lazy-img" v-for="(item, index) in list" borderRadius="30" :key="index"
:image="item.url" :imgMode='imgMode'></zero-lazy-load>
</view>
参数说明
参数 |
类型 |
默认值 |
描述 |
image |
String |
'' |
图片地址 |
imgMode |
String |
widthFix |
图片裁剪模式 |
loadingImg |
String |
|
占位图片路径 |
errorImg |
String |
|
加载失败的错误占位图 |
threshold |
Number, String |
100 |
图片进入可见区域前多少像素时,单位rpx,开始加载图片 |
borderRadius |
Number |
0 |
圆角值 |
插件预览: