# 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`