Image 图片
用于展示图片资源。
何时使用
- 需要展示图片时使用。
- 加载大图时显示 loading 或加载失败时容错处理。
示例
组件属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
src | 图片地址 URL | string | - |
width | 图片宽度 | number | 350 |
autoHeight | 宽度自适应 | boolean | false |
height | 图片高度 | number | 200 |
autoHeight | 高度自适应 | boolean | false |
fit | 图片展示方式,cover:按图片尺寸进行裁剪、contain:按图片尺寸进行留白、fill:按图片尺寸进行拉伸 | cover ,contain ,fill | cover |
alt | 图片未加载时的占位文字 | string | 'Image 404' |
preview | 是否开启图片预览 | boolean | true |