Image 图片
用于展示图片资源。
何时使用
-页面里单个图片的展示。
组件示例
组件属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
alt | 图片未加载时的占位文字 | string | 'Image 404' |
autuHeight | 高度自适应 | boolean | false |
autuWidth | 宽度自适应 | boolean | false |
fit | 图片展示方式,cover:按图片尺寸进行裁剪、contain:按图片尺寸进行留白、fill:按图片尺寸进行拉伸 | 'cover' | 'contain' | 'fill' | 'cover' |
height | 图片高度 | number | 200 |
preview | 是否开启图片预览 | boolean | false |
round | 图片圆角,单位px | '16' | '8' | '4' | '0' | '自定义' | '0' |
roundRadius | 自定义图片圆角大小,当 round 属性设置为'自定义'时生效 | number | 0 |
src | 图片地址URL | string | - |
title | 图片标题,用于设置html 原生 title属性,在用户鼠标hover时显示 | string | - |
width | 图片宽度 | number | 350 |
本文档对您是否有帮助?