# 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 点击事件 -