图片

![](/media/202404/2024-04-30_102125_324193.png)

------------
图片查看

------------
代码示例如下
```html
<template>
    <div style="height:500px:width:500px">
       <hi-imageView v-bind="prop" v-model="value"></hi-imageView>
    </div>
</template>

},
    created() {

}
};
</script>
```

</div>

### Attributes

| 参数            | 说明                       | 类型      | 可选值                   | 默认值   |
|---------------|--------------------------|---------|-----------------------|-------|
| name          | 字段名                      | string  |                       |       |
| label         | 字段描述                     | string  |                       |       |
| disabled      | 是否禁用                     | boolean |                       | false |
| small         | 是否有小图标(为false,开启preview) | boolean |                       | true  |
| preview       | 开启图片预览功能                 | boolean |                       | false |
| limit         | 最大允许上传个数                 | number  |                       |       |
| fileExtension | 文件后缀名                    | string  | jpg                   |       |
| accept        | 文件类型                     | string  | image/png, image/jpeg |       |
| fileSize      | 文件大小（单位M）                | number  |                       |       |
| width         | 宽度                       | Number  |                       | 300   |
| height        | 高度                       | Number  |                       | 300   |

</style>