Image Image
Used to display image resources.
When to use
- Display of a single image in the page.
Component Example
Component Properties
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
alt | Placeholder text when image is not loaded | string | 'Image 404' |
autuHeight | Height adaptive | boolean | false |
autuWidth | Width adaptive | boolean | false |
fit | Image display method, cover: crop according to image size, contain: leave white space according to image size, fill: stretch according to image size | 'cover' | 'contain' | 'fill' | 'cover' |
height | Image height | number | 200 |
preview | Whether to enable image preview | boolean | false |
round | Image corner radius, unit px | '16' | '8' | '4' | '0' | 'Custom' | '0' |
roundRadius | Custom image corner radius size, takes effect when round property is set to 'Custom' | number | 0 |
src | Image URL | string | - |
title | Image title, used to set html native title property, displayed when user mouse hovers | string | - |
width | Image width | number | 350 |
This doc is generated using machine translation. Any discrepancies or differences created in the translation are not binding and have no legal effect for compliance or enforcement purposes.
Is this document helpful?