更新记录

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问