40 lines
1.5 KiB
Markdown
40 lines
1.5 KiB
Markdown
:: 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](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/qrcode/type.ts) | 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 | - |