Skip to main content

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.
© 2014–2025 DingTalk Technology Co., Ltd