# image

图片组件,用来渲染展示图片。

# 子组件

不支持。

# 属性

支持 通用属性qrcode

名称 类型 默认值 必填 描述
src string - 图片的路径,支持的图片格式包括png、jpg,png 格式图片需要位深度24以上。设该属性时不能设qrcode
qrcode string - 生成二维码的文本。设该属性时不能设src

说明

单张网络图片最大限制50k,单个应用最多缓存图片100张或500k,本地图片无限制多少和大小,但单个应用安装包限制512k。

# 事件

支持 通用事件

# 样式

支持 通用样式

名称 类型 默认值 必填 描述
object-fit contain | cover | fill | none | scale-down cover 图片的缩放类型

object-fit 类型

类型 描述
contain 保持宽高比,缩小或者放大,使得图片完全显示在显示边界内,居中显示
cover 保持宽高比,缩小或者放大,使得两边都大于或等于显示边界,居中显示
fill 不保存宽高比,填充满显示边界
none 居中,无缩放
scale-down 保持宽高比,缩小或保持不变,取 containnone中显示较小的一个,居中显示

# 示例代码

查看 示例代码 (opens new window)