:: BASE_DOC ::
API
Image Props
| name |
type |
default |
description |
required |
| style |
Object |
- |
CSS(Cascading Style Sheets) |
N |
| custom-style |
Object |
- |
CSS(Cascading Style Sheets)，used to set style on virtual component |
N |
| error |
String / Slot |
'default' |
see more ts definition |
N |
| height |
String / Number |
- |
- |
N |
| lazy |
Boolean |
false |
- |
N |
| loading |
String / Slot |
'default' |
see more ts definition |
N |
| mode |
String |
scaleToFill |
options: scaleToFill/aspectFit/aspectFill/widthFix/heightFix/top/bottom/center/left/right/top left/top right/bottom left/bottom right |
N |
| shape |
String |
square |
options: circle/round/square |
N |
| show-menu-by-longpress |
Boolean |
false |
- |
N |
| src |
String |
- |
src attribute of <img>. image File can also be loaded |
N |
| t-id |
String |
- |
1.2.10。image tag id |
N |
| webp |
Boolean |
false |
- |
N |
| width |
String / Number |
- |
- |
N |
Image Events
| name |
params |
description |
| error |
- |
trigger on image load failed |
| load |
- |
trigger on image loaded |
Image External Classes
| className |
Description |
| t-class |
- |
| t-class-load |
- |
| t-class-image |
- |
| t-class-error |
- |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name |
Default Value |
Description |
| --td-image-color |
@font-gray-3 |
- |
| --td-image-loading-bg-color |
@bg-color-secondarycontainer |
- |
| --td-image-loading-color |
@font-gray-3 |
- |
| --td-image-round-radius |
@radius-default |
- |
