# 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 | 保持宽高比,缩小或保持不变,取 contain 和 none 中显示较小的一个,居中显示 |
# 示例代码
← swiper image-animator →