更新记录
1.1.22(2023-05-07) 下载此版本
1.1.21(2023-05-07) 下载此版本
添加nexttick等待上一帧页面完成再执行下一次下载
1.1.20(2022-03-16) 下载此版本
更改文档
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
z-image
适用于nvue和vue的图片缓存组件 同时也有占位图功能
因为组件中现在的占位图是我随便放的一张图片,所以希望开发者们自己去替换,有什么问题加评论区的qq和我联系,或者直接发评论,我会收到提醒
此处的 src 属性,传入的是图片地址,可以直接使用 z-image 替换 image直接换成下面这样
<z-image :src="'http://bpic.588ku.com/element_pic/01/37/92/40573c69065b76e.jpg'" ></z-image>
Occupants 属性 接收的是字符串类型的数据,传入一张本地的 你想要作为占位图的图片地址,网络地址无效,该组件不会缓存占位图
例如
<z-image :Occupants="/static/logo.png" :src="'http://bpic.588ku.com/element_pic/01/37/92/40573c69065b76e.jpg'" ></z-image>
或者你可以直接进入 项目的 uni_modules 目录 找到 z-image-->components-->z-image-->z-image.vue 文件, 将其中props中的Occupants值更换,然后将你需要的图片也放到此目录下 default: require('./lazy.png') 中修改图片的名字
Occupants: {
type: String,
default: require('./lazy.png')
},
属性 | 描述 | 类型 |
---|---|---|
src | 图片地址 |
String |
Occupants | 占位图地址 |
String |
mode | 剪切模式 |
String |
lazyLoad | 懒加载(nvue) |
Boolean |
fadeShow | 显示动画效果 |
Boolean |