:: BASE_DOC ::
API
QRCode Props
| name | type | default | description | required |
|---|---|---|---|---|
| custom-style | Object | - | CSS(Cascading Style Sheets) | N |
| bg-color | String | - | QR code background color | N |
| borderless | Boolean | false | Is there a border | N |
| color | String | - | QR code color | N |
| icon | String | - | The address of the picture in the QR code | N |
| icon-size | Number / Object | 40 | The size of the picture in the QR code。Typescript：number | { width: number; height: number } |
N |
| level | String | M | QR code error correction level。options: L/M/Q/H | N |
| size | Number | 160 | QR code size | N |
| status | String | active | QR code status。options: active/expired/loading/scanned。Typescript：QRStatus type QRStatus = "active" | "expired" | "loading" | "scanned"。see more ts definition |
N |
| status-render | Boolean | false | should use custom status slot | N |
| value | String | - | scanned text | N |
QRCode Events
| name | params | description |
|---|---|---|
| refresh | - | Click the "Click to refresh" callback |
QRCode Slots
| name | Description |
|---|---|
| status-render | - |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name | Default Value | Description |
|---|---|---|
| --td-font-size-title-small | --td-font-size-title-small | - |
| --td-brand-color-hover | --td-brand-color-hover | - |
| --td-success-color | --td-success-color | - |