# Image 图片
用于图片显示组件
# 基础用法
<unify-image src="https://unify.dengqichang.cn/file/picture/sys/default1.png"></unify-image>
# 圆角图片
使用radius
属性调整图片圆角尺寸
<unify-image radius="12" src="https://unify.dengqichang.cn/file/picture/sys/default1.png"></unify-image>
# 图片大小
使用size
属性,size属性可为String、Number、Array类型。
size为String类型使用方式
<unify-image size="200" src="https://unify.dengqichang.cn/file/picture/sys/default1.png"></unify-image>
size属性为数组时[0,1],下标0为宽度,下标1为高度
<unify-image :size="[100,150]" src="https://unify.dengqichang.cn/file/picture/sys/default1.png"></unify-image>
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
src | 图片地址 | String | - | - |
size | 图片尺寸 | Number/String/Array | - | 96 |
radius | 圆角半径 | Number/String | - | 0 |
mode | 图片裁剪、缩放的模式 | String | image组件mode属性 | aspectFill |
error-src | 加载失败地址 | String | - | - |
fade-show | 图片显示动画效果(仅App-nvue 2.3.4+ Android有效) | Boolean | false/true | true |
1.0.8 stop | 阻止事件冒泡 | Boolean | true/false | false |
# Event
事件名 | 说明 | 回调参数 |
---|---|---|
@click | 点击事件 | - |