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