zhsw_wechat/miniprogram_npm/tdesign-miniprogram/image

:: 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 | -