Files
2024-02-24 18:47:34 +08:00
..
2023-05-19 18:25:17 +08:00
2023-05-19 18:25:17 +08:00
2023-05-19 18:25:17 +08:00

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