mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
docs: update componen varriable value format
This commit is contained in:
parent
9b5882b8c3
commit
981ad0f3ce
@ -139,16 +139,16 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-action-bar-background-color | `var(--van-white)` | - |
|
||||
| --van-action-bar-height | `50px` | - |
|
||||
| --van-action-bar-icon-width | `48px` | - |
|
||||
| --van-action-bar-icon-height | `100%` | - |
|
||||
| --van-action-bar-icon-color | `var(--van-text-color)` | - |
|
||||
| --van-action-bar-icon-size | `18px` | - |
|
||||
| --van-action-bar-icon-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-action-bar-icon-active-color | `var(--van-active-color)` | - |
|
||||
| --van-action-bar-icon-text-color | `var(--van-gary-7)` | - |
|
||||
| --van-action-bar-icon-background-color | `var(--van-white)` | - |
|
||||
| --van-action-bar-button-height | `40px` | - |
|
||||
| --van-action-bar-button-warning-color | `var(--van-gradient-orange)` | - |
|
||||
| --van-action-bar-button-danger-color | `var(--van-gradient-red)` | - |
|
||||
| --van-action-bar-background-color | _var(--van-white)_ | - |
|
||||
| --van-action-bar-height | _50px_ | - |
|
||||
| --van-action-bar-icon-width | _48px_ | - |
|
||||
| --van-action-bar-icon-height | _100%_ | - |
|
||||
| --van-action-bar-icon-color | _var(--van-text-color)_ | - |
|
||||
| --van-action-bar-icon-size | _18px_ | - |
|
||||
| --van-action-bar-icon-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-action-bar-icon-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-action-bar-icon-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-action-bar-icon-background-color | _var(--van-white)_ | - |
|
||||
| --van-action-bar-button-height | _40px_ | - |
|
||||
| --van-action-bar-button-warning-color | _var(--van-gradient-orange)_ | - |
|
||||
| --van-action-bar-button-danger-color | _var(--van-gradient-red)_ | - |
|
||||
|
@ -143,16 +143,16 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| -------------------------------------- | ---------------------------- | ---- |
|
||||
| --van-action-bar-background-color | `var(--van-white)` | - |
|
||||
| --van-action-bar-height | `50px` | - |
|
||||
| --van-action-bar-icon-width | `48px` | - |
|
||||
| --van-action-bar-icon-height | `100%` | - |
|
||||
| --van-action-bar-icon-color | `var(--van-text-color)` | - |
|
||||
| --van-action-bar-icon-size | `18px` | - |
|
||||
| --van-action-bar-icon-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-action-bar-icon-active-color | `var(--van-active-color)` | - |
|
||||
| --van-action-bar-icon-text-color | `var(--van-gary-7)` | - |
|
||||
| --van-action-bar-icon-background-color | `var(--van-white)` | - |
|
||||
| --van-action-bar-button-height | `40px` | - |
|
||||
| --van-action-bar-button-warning-color | `var(--van-gradient-orange)` | - |
|
||||
| --van-action-bar-button-danger-color | `var(--van-gradient-red)` | - |
|
||||
| --van-action-bar-background-color | _var(--van-white)_ | - |
|
||||
| --van-action-bar-height | _50px_ | - |
|
||||
| --van-action-bar-icon-width | _48px_ | - |
|
||||
| --van-action-bar-icon-height | _100%_ | - |
|
||||
| --van-action-bar-icon-color | _var(--van-text-color)_ | - |
|
||||
| --van-action-bar-icon-size | _18px_ | - |
|
||||
| --van-action-bar-icon-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-action-bar-icon-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-action-bar-icon-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-action-bar-icon-background-color | _var(--van-white)_ | - |
|
||||
| --van-action-bar-button-height | _40px_ | - |
|
||||
| --van-action-bar-button-warning-color | _var(--van-gradient-orange)_ | - |
|
||||
| --van-action-bar-button-danger-color | _var(--van-gradient-red)_ | - |
|
||||
|
@ -229,25 +229,25 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-action-sheet-max-height | `80%` | - |
|
||||
| --van-action-sheet-header-height | `48px` | - |
|
||||
| --van-action-sheet-header-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-action-sheet-description-color | `var(--van-gary-6)` | - |
|
||||
| --van-action-sheet-description-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-action-sheet-description-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-action-sheet-item-background | `var(--van-white)` | - |
|
||||
| --van-action-sheet-item-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-action-sheet-item-line-height | `var(--van-line-height-lg)` | - |
|
||||
| --van-action-sheet-item-text-color | `var(--van-text-color)` | - |
|
||||
| --van-action-sheet-item-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-action-sheet-subname-color | `var(--van-gary-6)` | - |
|
||||
| --van-action-sheet-subname-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-action-sheet-subname-line-height | `var(--van-line-height-sm)` | - |
|
||||
| --van-action-sheet-close-icon-size | `22px` | - |
|
||||
| --van-action-sheet-close-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-action-sheet-close-icon-active-color | `var(--van-gary-6)` | - |
|
||||
| --van-action-sheet-close-icon-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-action-sheet-cancel-text-color | `var(--van-gary-7)` | - |
|
||||
| --van-action-sheet-cancel-padding-top | `var(--van-padding-xs)` | - |
|
||||
| --van-action-sheet-cancel-padding-color | `var(--van-background-color)` | - |
|
||||
| --van-action-sheet-loading-icon-size | `22px` | - |
|
||||
| --van-action-sheet-max-height | _80%_ | - |
|
||||
| --van-action-sheet-header-height | _48px_ | - |
|
||||
| --van-action-sheet-header-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-action-sheet-description-color | _var(--van-gary-6)_ | - |
|
||||
| --van-action-sheet-description-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-action-sheet-description-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-action-sheet-item-background | _var(--van-white)_ | - |
|
||||
| --van-action-sheet-item-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-action-sheet-item-line-height | _var(--van-line-height-lg)_ | - |
|
||||
| --van-action-sheet-item-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-action-sheet-item-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-action-sheet-subname-color | _var(--van-gary-6)_ | - |
|
||||
| --van-action-sheet-subname-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-action-sheet-subname-line-height | _var(--van-line-height-sm)_ | - |
|
||||
| --van-action-sheet-close-icon-size | _22px_ | - |
|
||||
| --van-action-sheet-close-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-action-sheet-close-icon-active-color | _var(--van-gary-6)_ | - |
|
||||
| --van-action-sheet-close-icon-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-action-sheet-cancel-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-action-sheet-cancel-padding-top | _var(--van-padding-xs)_ | - |
|
||||
| --van-action-sheet-cancel-padding-color | _var(--van-background-color)_ | - |
|
||||
| --van-action-sheet-loading-icon-size | _22px_ | - |
|
||||
|
@ -241,25 +241,25 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-action-sheet-max-height | `80%` | - |
|
||||
| --van-action-sheet-header-height | `48px` | - |
|
||||
| --van-action-sheet-header-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-action-sheet-description-color | `var(--van-gary-6)` | - |
|
||||
| --van-action-sheet-description-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-action-sheet-description-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-action-sheet-item-background | `var(--van-white)` | - |
|
||||
| --van-action-sheet-item-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-action-sheet-item-line-height | `var(--van-line-height-lg)` | - |
|
||||
| --van-action-sheet-item-text-color | `var(--van-text-color)` | - |
|
||||
| --van-action-sheet-item-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-action-sheet-subname-color | `var(--van-gary-6)` | - |
|
||||
| --van-action-sheet-subname-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-action-sheet-subname-line-height | `var(--van-line-height-sm)` | - |
|
||||
| --van-action-sheet-close-icon-size | `22px` | - |
|
||||
| --van-action-sheet-close-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-action-sheet-close-icon-active-color | `var(--van-gary-6)` | - |
|
||||
| --van-action-sheet-close-icon-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-action-sheet-cancel-text-color | `var(--van-gary-7)` | - |
|
||||
| --van-action-sheet-cancel-padding-top | `var(--van-padding-xs)` | - |
|
||||
| --van-action-sheet-cancel-padding-color | `var(--van-background-color)` | - |
|
||||
| --van-action-sheet-loading-icon-size | `22px` | - |
|
||||
| --van-action-sheet-max-height | _80%_ | - |
|
||||
| --van-action-sheet-header-height | _48px_ | - |
|
||||
| --van-action-sheet-header-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-action-sheet-description-color | _var(--van-gary-6)_ | - |
|
||||
| --van-action-sheet-description-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-action-sheet-description-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-action-sheet-item-background | _var(--van-white)_ | - |
|
||||
| --van-action-sheet-item-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-action-sheet-item-line-height | _var(--van-line-height-lg)_ | - |
|
||||
| --van-action-sheet-item-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-action-sheet-item-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-action-sheet-subname-color | _var(--van-gary-6)_ | - |
|
||||
| --van-action-sheet-subname-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-action-sheet-subname-line-height | _var(--van-line-height-sm)_ | - |
|
||||
| --van-action-sheet-close-icon-size | _22px_ | - |
|
||||
| --van-action-sheet-close-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-action-sheet-close-icon-active-color | _var(--van-gary-6)_ | - |
|
||||
| --van-action-sheet-close-icon-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-action-sheet-cancel-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-action-sheet-cancel-padding-top | _var(--van-padding-xs)_ | - |
|
||||
| --van-action-sheet-cancel-padding-color | _var(--van-background-color)_ | - |
|
||||
| --van-action-sheet-loading-icon-size | _22px_ | - |
|
||||
|
@ -157,8 +157,8 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-address-edit-padding | `var(--van-padding-sm)` | - |
|
||||
| --van-address-edit-buttons-padding | `var(--van-padding-xl) var(--van-padding-base)` | - |
|
||||
| --van-address-edit-button-margin-bottom | `var(--van-padding-sm)` | - |
|
||||
| --van-address-edit-detail-finish-color | `var(--van-blue)` | - |
|
||||
| --van-address-edit-detail-finish-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-address-edit-padding | _var(--van-padding-sm)_ | - |
|
||||
| --van-address-edit-buttons-padding | _var(--van-padding-xl) var(--van-padding-base)_ | - |
|
||||
| --van-address-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
|
||||
| --van-address-edit-detail-finish-color | _var(--van-blue)_ | - |
|
||||
| --van-address-edit-detail-finish-font-size | _var(--van-font-size-sm)_ | - |
|
||||
|
@ -159,8 +159,8 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-address-edit-padding | `var(--van-padding-sm)` | - |
|
||||
| --van-address-edit-buttons-padding | `var(--van-padding-xl) var(--van-padding-base)` | - |
|
||||
| --van-address-edit-button-margin-bottom | `var(--van-padding-sm)` | - |
|
||||
| --van-address-edit-detail-finish-color | `var(--van-blue)` | - |
|
||||
| --van-address-edit-detail-finish-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-address-edit-padding | _var(--van-padding-sm)_ | - |
|
||||
| --van-address-edit-buttons-padding | _var(--van-padding-xl) var(--van-padding-base)_ | - |
|
||||
| --van-address-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
|
||||
| --van-address-edit-detail-finish-color | _var(--van-blue)_ | - |
|
||||
| --van-address-edit-detail-finish-font-size | _var(--van-font-size-sm)_ | - |
|
||||
|
@ -127,16 +127,16 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-address-list-padding | `var(--van-padding-sm) var(--van-padding-sm) 80px` | - |
|
||||
| --van-address-list-disabled-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-address-list-disabled-text-padding | `var(--van-padding-base) * 5 0 var(--van-padding-md)` | - |
|
||||
| --van-address-list-disabled-text-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-address-list-disabled-text-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-address-list-add-button-z-index | `999` | - |
|
||||
| --van-address-list-item-padding | `var(--van-padding-sm)` | - |
|
||||
| --van-address-list-item-text-color | `var(--van-text-color)` | - |
|
||||
| --van-address-list-item-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-address-list-item-font-size | `13px` | - |
|
||||
| --van-address-list-item-line-height | `var(--van-line-height-sm)` | - |
|
||||
| --van-address-list-item-radio-icon-color | `var(--van-red)` | - |
|
||||
| --van-address-list-edit-icon-size | `20px` | - |
|
||||
| --van-address-list-padding | _var(--van-padding-sm) var(--van-padding-sm) 80px_ | - |
|
||||
| --van-address-list-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-address-list-disabled-text-padding | _var(--van-padding-base) \* 5 0 var(--van-padding-md)_ | - |
|
||||
| --van-address-list-disabled-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-address-list-disabled-text-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-address-list-add-button-z-index | _999_ | - |
|
||||
| --van-address-list-item-padding | _var(--van-padding-sm)_ | - |
|
||||
| --van-address-list-item-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-address-list-item-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-address-list-item-font-size | _13px_ | - |
|
||||
| --van-address-list-item-line-height | _var(--van-line-height-sm)_ | - |
|
||||
| --van-address-list-item-radio-icon-color | _var(--van-red)_ | - |
|
||||
| --van-address-list-edit-icon-size | _20px_ | - |
|
||||
|
@ -127,16 +127,16 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-address-list-padding | `var(--van-padding-sm) var(--van-padding-sm) 80px` | - |
|
||||
| --van-address-list-disabled-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-address-list-disabled-text-padding | `var(--van-padding-base) * 5 0 var(--van-padding-md)` | - |
|
||||
| --van-address-list-disabled-text-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-address-list-disabled-text-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-address-list-add-button-z-index | `999` | - |
|
||||
| --van-address-list-item-padding | `var(--van-padding-sm)` | - |
|
||||
| --van-address-list-item-text-color | `var(--van-text-color)` | - |
|
||||
| --van-address-list-item-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-address-list-item-font-size | `13px` | - |
|
||||
| --van-address-list-item-line-height | `var(--van-line-height-sm)` | - |
|
||||
| --van-address-list-item-radio-icon-color | `var(--van-red)` | - |
|
||||
| --van-address-list-edit-icon-size | `20px` | - |
|
||||
| --van-address-list-padding | _var(--van-padding-sm) var(--van-padding-sm) 80px_ | - |
|
||||
| --van-address-list-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-address-list-disabled-text-padding | _var(--van-padding-base) \* 5 0 var(--van-padding-md)_ | - |
|
||||
| --van-address-list-disabled-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-address-list-disabled-text-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-address-list-add-button-z-index | _999_ | - |
|
||||
| --van-address-list-item-padding | _var(--van-padding-sm)_ | - |
|
||||
| --van-address-list-item-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-address-list-item-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-address-list-item-font-size | _13px_ | - |
|
||||
| --van-address-list-item-line-height | _var(--van-line-height-sm)_ | - |
|
||||
| --van-address-list-item-radio-icon-color | _var(--van-red)_ | - |
|
||||
| --van-address-list-edit-icon-size | _20px_ | - |
|
||||
|
@ -139,13 +139,13 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-badge-size | `16px` | - |
|
||||
| --van-badge-color | `var(--van-white)` | - |
|
||||
| --van-badge-padding | `0 3px` | - |
|
||||
| --van-badge-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-badge-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-badge-border-width | `var(--van-border-width-base)` | - |
|
||||
| --van-badge-background-color | `var(--van-red)` | - |
|
||||
| --van-badge-dot-color | `var(--van-red)` | - |
|
||||
| --van-badge-dot-size | `8px` | - |
|
||||
| --van-badge-font-family | `-apple-system-font, Helvetica Neue, Arial, sans-serif` | - |
|
||||
| --van-badge-size | _16px_ | - |
|
||||
| --van-badge-color | _var(--van-white)_ | - |
|
||||
| --van-badge-padding | _0 3px_ | - |
|
||||
| --van-badge-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-badge-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-badge-border-width | _var(--van-border-width-base)_ | - |
|
||||
| --van-badge-background-color | _var(--van-red)_ | - |
|
||||
| --van-badge-dot-color | _var(--van-red)_ | - |
|
||||
| --van-badge-dot-size | _8px_ | - |
|
||||
| --van-badge-font-family | _-apple-system-font, Helvetica Neue, Arial, sans-serif_ | - |
|
||||
|
@ -147,13 +147,13 @@ app.use(Badge);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-badge-size | `16px` | - |
|
||||
| --van-badge-color | `var(--van-white)` | - |
|
||||
| --van-badge-padding | `0 3px` | - |
|
||||
| --van-badge-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-badge-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-badge-border-width | `var(--van-border-width-base)` | - |
|
||||
| --van-badge-background-color | `var(--van-red)` | - |
|
||||
| --van-badge-dot-color | `var(--van-red)` | - |
|
||||
| --van-badge-dot-size | `8px` | - |
|
||||
| --van-badge-font-family | `-apple-system-font, Helvetica Neue, Arial, sans-serif` | - |
|
||||
| --van-badge-size | _16px_ | - |
|
||||
| --van-badge-color | _var(--van-white)_ | - |
|
||||
| --van-badge-padding | _0 3px_ | - |
|
||||
| --van-badge-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-badge-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-badge-border-width | _var(--van-border-width-base)_ | - |
|
||||
| --van-badge-background-color | _var(--van-red)_ | - |
|
||||
| --van-badge-dot-color | _var(--van-red)_ | - |
|
||||
| --van-badge-dot-size | _8px_ | - |
|
||||
| --van-badge-font-family | _-apple-system-font, Helvetica Neue, Arial, sans-serif_ | - |
|
||||
|
@ -155,37 +155,37 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-button-mini-height | `24px` | - |
|
||||
| --van-button-mini-padding | `0 var(--van-padding-base)` | - |
|
||||
| --van-button-mini-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-button-small-height | `32px` | - |
|
||||
| --van-button-small-padding | `0 var(--van-padding-xs)` | - |
|
||||
| --van-button-small-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-button-normal-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-button-normal-padding | `0 15px` | - |
|
||||
| --van-button-large-height | `50px` | - |
|
||||
| --van-button-default-height | `44px` | - |
|
||||
| --van-button-default-line-height | `1.2` | - |
|
||||
| --van-button-default-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-button-default-color | `var(--van-text-color)` | - |
|
||||
| --van-button-default-background-color | `var(--van-white)` | - |
|
||||
| --van-button-default-border-color | `var(--van-border-color)` | - |
|
||||
| --van-button-primary-color | `var(--van-white)` | - |
|
||||
| --van-button-primary-background-color | `var(--van-blue)` | - |
|
||||
| --van-button-primary-border-color | `var(--van-blue)` | - |
|
||||
| --van-button-success-color | `var(--van-white)` | - |
|
||||
| --van-button-success-background-color | `var(--van-green)` | - |
|
||||
| --van-button-success-border-color | `var(--van-green)` | - |
|
||||
| --van-button-danger-color | `var(--van-white)` | - |
|
||||
| --van-button-danger-background-color | `var(--van-red)` | - |
|
||||
| --van-button-danger-border-color | `var(--van-red)` | - |
|
||||
| --van-button-warning-color | `var(--van-white)` | - |
|
||||
| --van-button-warning-background-color | `var(--van-orange)` | - |
|
||||
| --van-button-warning-border-color | `var(--van-orange)` | - |
|
||||
| --van-button-border-width | `var(--van-border-width-base)` | - |
|
||||
| --van-button-border-radius | `var(--van-border-radius-sm)` | - |
|
||||
| --van-button-round-border-radius | `var(--van-border-radius-max)` | - |
|
||||
| --van-button-plain-background-color | `var(--van-white)` | - |
|
||||
| --van-button-disabled-opacity | `var(--van-disabled-opacity)` | - |
|
||||
| --van-button-icon-size | `1.2em` | - |
|
||||
| --van-button-loading-icon-size | `20px` | - |
|
||||
| --van-button-mini-height | _24px_ | - |
|
||||
| --van-button-mini-padding | _0 var(--van-padding-base)_ | - |
|
||||
| --van-button-mini-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-button-small-height | _32px_ | - |
|
||||
| --van-button-small-padding | _0 var(--van-padding-xs)_ | - |
|
||||
| --van-button-small-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-button-normal-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-button-normal-padding | _0 15px_ | - |
|
||||
| --van-button-large-height | _50px_ | - |
|
||||
| --van-button-default-height | _44px_ | - |
|
||||
| --van-button-default-line-height | _1.2_ | - |
|
||||
| --van-button-default-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-button-default-color | _var(--van-text-color)_ | - |
|
||||
| --van-button-default-background-color | _var(--van-white)_ | - |
|
||||
| --van-button-default-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-button-primary-color | _var(--van-white)_ | - |
|
||||
| --van-button-primary-background-color | _var(--van-blue)_ | - |
|
||||
| --van-button-primary-border-color | _var(--van-blue)_ | - |
|
||||
| --van-button-success-color | _var(--van-white)_ | - |
|
||||
| --van-button-success-background-color | _var(--van-green)_ | - |
|
||||
| --van-button-success-border-color | _var(--van-green)_ | - |
|
||||
| --van-button-danger-color | _var(--van-white)_ | - |
|
||||
| --van-button-danger-background-color | _var(--van-red)_ | - |
|
||||
| --van-button-danger-border-color | _var(--van-red)_ | - |
|
||||
| --van-button-warning-color | _var(--van-white)_ | - |
|
||||
| --van-button-warning-background-color | _var(--van-orange)_ | - |
|
||||
| --van-button-warning-border-color | _var(--van-orange)_ | - |
|
||||
| --van-button-border-width | _var(--van-border-width-base)_ | - |
|
||||
| --van-button-border-radius | _var(--van-border-radius-sm)_ | - |
|
||||
| --van-button-round-border-radius | _var(--van-border-radius-max)_ | - |
|
||||
| --van-button-plain-background-color | _var(--van-white)_ | - |
|
||||
| --van-button-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
| --van-button-icon-size | _1.2em_ | - |
|
||||
| --van-button-loading-icon-size | _20px_ | - |
|
||||
|
@ -178,37 +178,37 @@ app.use(Button);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-button-mini-height | `24px` | - |
|
||||
| --van-button-mini-padding | `0 var(--van-padding-base)` | - |
|
||||
| --van-button-mini-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-button-small-height | `32px` | - |
|
||||
| --van-button-small-padding | `0 var(--van-padding-xs)` | - |
|
||||
| --van-button-small-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-button-normal-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-button-normal-padding | `0 15px` | - |
|
||||
| --van-button-large-height | `50px` | - |
|
||||
| --van-button-default-height | `44px` | - |
|
||||
| --van-button-default-line-height | `1.2` | - |
|
||||
| --van-button-default-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-button-default-color | `var(--van-text-color)` | - |
|
||||
| --van-button-default-background-color | `var(--van-white)` | - |
|
||||
| --van-button-default-border-color | `var(--van-border-color)` | - |
|
||||
| --van-button-primary-color | `var(--van-white)` | - |
|
||||
| --van-button-primary-background-color | `var(--van-blue)` | - |
|
||||
| --van-button-primary-border-color | `var(--van-blue)` | - |
|
||||
| --van-button-success-color | `var(--van-white)` | - |
|
||||
| --van-button-success-background-color | `var(--van-green)` | - |
|
||||
| --van-button-success-border-color | `var(--van-green)` | - |
|
||||
| --van-button-danger-color | `var(--van-white)` | - |
|
||||
| --van-button-danger-background-color | `var(--van-red)` | - |
|
||||
| --van-button-danger-border-color | `var(--van-red)` | - |
|
||||
| --van-button-warning-color | `var(--van-white)` | - |
|
||||
| --van-button-warning-background-color | `var(--van-organge)` | - |
|
||||
| --van-button-warning-border-color | `var(--van-organge)` | - |
|
||||
| --van-button-border-width | `var(--van-border-width-base)` | - |
|
||||
| --van-button-border-radius | `var(--van-border-radius-sm)` | - |
|
||||
| --van-button-round-border-radius | `var(--van-border-radius-max)` | - |
|
||||
| --van-button-plain-background-color | `var(--van-white)` | - |
|
||||
| --van-button-disabled-opacity | `var(--van-disabled-opacity)` | - |
|
||||
| --van-button-icon-size | `1.2em` | - |
|
||||
| --van-button-loading-icon-size | `20px` | - |
|
||||
| --van-button-mini-height | _24px_ | - |
|
||||
| --van-button-mini-padding | _0 var(--van-padding-base)_ | - |
|
||||
| --van-button-mini-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-button-small-height | _32px_ | - |
|
||||
| --van-button-small-padding | _0 var(--van-padding-xs)_ | - |
|
||||
| --van-button-small-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-button-normal-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-button-normal-padding | _0 15px_ | - |
|
||||
| --van-button-large-height | _50px_ | - |
|
||||
| --van-button-default-height | _44px_ | - |
|
||||
| --van-button-default-line-height | _1.2_ | - |
|
||||
| --van-button-default-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-button-default-color | _var(--van-text-color)_ | - |
|
||||
| --van-button-default-background-color | _var(--van-white)_ | - |
|
||||
| --van-button-default-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-button-primary-color | _var(--van-white)_ | - |
|
||||
| --van-button-primary-background-color | _var(--van-blue)_ | - |
|
||||
| --van-button-primary-border-color | _var(--van-blue)_ | - |
|
||||
| --van-button-success-color | _var(--van-white)_ | - |
|
||||
| --van-button-success-background-color | _var(--van-green)_ | - |
|
||||
| --van-button-success-border-color | _var(--van-green)_ | - |
|
||||
| --van-button-danger-color | _var(--van-white)_ | - |
|
||||
| --van-button-danger-background-color | _var(--van-red)_ | - |
|
||||
| --van-button-danger-border-color | _var(--van-red)_ | - |
|
||||
| --van-button-warning-color | _var(--van-white)_ | - |
|
||||
| --van-button-warning-background-color | _var(--van-organge)_ | - |
|
||||
| --van-button-warning-border-color | _var(--van-organge)_ | - |
|
||||
| --van-button-border-width | _var(--van-border-width-base)_ | - |
|
||||
| --van-button-border-radius | _var(--van-border-radius-sm)_ | - |
|
||||
| --van-button-round-border-radius | _var(--van-border-radius-max)_ | - |
|
||||
| --van-button-plain-background-color | _var(--van-white)_ | - |
|
||||
| --van-button-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
| --van-button-icon-size | _1.2em_ | - |
|
||||
| --van-button-loading-icon-size | _20px_ | - |
|
||||
|
@ -351,28 +351,28 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-calendar-background-color | `var(--van-white)` | - |
|
||||
| --van-calendar-popup-height | `80%` | - |
|
||||
| --van-calendar-header-box-shadow | `0 2px 10px rgba(125, 126, 128, 0.16)` | - |
|
||||
| --van-calendar-header-title-height | `44px` | - |
|
||||
| --van-calendar-header-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-calendar-header-subtitle-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-calendar-weekdays-height | `30px` | - |
|
||||
| --van-calendar-weekdays-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-calendar-month-title-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-calendar-month-mark-color | `fade(var(--van-gray-2), 80%)` | - |
|
||||
| --van-calendar-month-mark-font-size | `160px` | - |
|
||||
| --van-calendar-day-height | `64px` | - |
|
||||
| --van-calendar-day-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-calendar-range-edge-color | `var(--van-white)` | - |
|
||||
| --van-calendar-range-edge-background-color | `var(--van-red)` | - |
|
||||
| --van-calendar-range-middle-color | `var(--van-red)` | - |
|
||||
| --van-calendar-range-middle-background-opacity | `0.1` | - |
|
||||
| --van-calendar-selected-day-size | `54px` | - |
|
||||
| --van-calendar-selected-day-color | `var(--van-white)` | - |
|
||||
| --van-calendar-info-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-calendar-info-line-height | `var(--van-line-height-xs)` | - |
|
||||
| --van-calendar-selected-day-background-color | `var(--van-red)` | - |
|
||||
| --van-calendar-day-disabled-color | `var(--van-gary-5)` | - |
|
||||
| --van-calendar-confirm-button-height | `36px` | - |
|
||||
| --van-calendar-confirm-button-margin | `7px 0` | - |
|
||||
| --van-calendar-background-color | _var(--van-white)_ | - |
|
||||
| --van-calendar-popup-height | _80%_ | - |
|
||||
| --van-calendar-header-box-shadow | _0 2px 10px rgba(125, 126, 128, 0.16)_ | - |
|
||||
| --van-calendar-header-title-height | _44px_ | - |
|
||||
| --van-calendar-header-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-calendar-header-subtitle-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-calendar-weekdays-height | _30px_ | - |
|
||||
| --van-calendar-weekdays-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-calendar-month-title-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-calendar-month-mark-color | _fade(var(--van-gray-2), 80%)_ | - |
|
||||
| --van-calendar-month-mark-font-size | _160px_ | - |
|
||||
| --van-calendar-day-height | _64px_ | - |
|
||||
| --van-calendar-day-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-calendar-range-edge-color | _var(--van-white)_ | - |
|
||||
| --van-calendar-range-edge-background-color | _var(--van-red)_ | - |
|
||||
| --van-calendar-range-middle-color | _var(--van-red)_ | - |
|
||||
| --van-calendar-range-middle-background-opacity | _0.1_ | - |
|
||||
| --van-calendar-selected-day-size | _54px_ | - |
|
||||
| --van-calendar-selected-day-color | _var(--van-white)_ | - |
|
||||
| --van-calendar-info-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-calendar-info-line-height | _var(--van-line-height-xs)_ | - |
|
||||
| --van-calendar-selected-day-background-color | _var(--van-red)_ | - |
|
||||
| --van-calendar-day-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-calendar-confirm-button-height | _36px_ | - |
|
||||
| --van-calendar-confirm-button-margin | _7px 0_ | - |
|
||||
|
@ -357,31 +357,31 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-calendar-background-color | `var(--van-white)` | - |
|
||||
| --van-calendar-popup-height | `80%` | - |
|
||||
| --van-calendar-header-box-shadow | `0 2px 10px rgba(125, 126, 128, 0.16)` | - |
|
||||
| --van-calendar-header-title-height | `44px` | - |
|
||||
| --van-calendar-header-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-calendar-header-subtitle-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-calendar-weekdays-height | `30px` | - |
|
||||
| --van-calendar-weekdays-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-calendar-month-title-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-calendar-month-mark-color | `fade(var(--van-gray-2), 80%)` | - |
|
||||
| --van-calendar-month-mark-font-size | `160px` | - |
|
||||
| --van-calendar-day-height | `64px` | - |
|
||||
| --van-calendar-day-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-calendar-range-edge-color | `var(--van-white)` | - |
|
||||
| --van-calendar-range-edge-background-color | `var(--van-red)` | - |
|
||||
| --van-calendar-range-middle-color | `var(--van-red)` | - |
|
||||
| --van-calendar-range-middle-background-opacity | `0.1` | - |
|
||||
| --van-calendar-selected-day-size | `54px` | - |
|
||||
| --van-calendar-selected-day-color | `var(--van-white)` | - |
|
||||
| --van-calendar-info-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-calendar-info-line-height | `var(--van-line-height-xs)` | - |
|
||||
| --van-calendar-selected-day-background-color | `var(--van-red)` | - |
|
||||
| --van-calendar-day-disabled-color | `var(--van-gary-5)` | - |
|
||||
| --van-calendar-confirm-button-height | `36px` | - |
|
||||
| --van-calendar-confirm-button-margin | `7px 0` | - |
|
||||
| --van-calendar-background-color | _var(--van-white)_ | - |
|
||||
| --van-calendar-popup-height | _80%_ | - |
|
||||
| --van-calendar-header-box-shadow | _0 2px 10px rgba(125, 126, 128, 0.16)_ | - |
|
||||
| --van-calendar-header-title-height | _44px_ | - |
|
||||
| --van-calendar-header-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-calendar-header-subtitle-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-calendar-weekdays-height | _30px_ | - |
|
||||
| --van-calendar-weekdays-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-calendar-month-title-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-calendar-month-mark-color | _fade(var(--van-gray-2), 80%)_ | - |
|
||||
| --van-calendar-month-mark-font-size | _160px_ | - |
|
||||
| --van-calendar-day-height | _64px_ | - |
|
||||
| --van-calendar-day-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-calendar-range-edge-color | _var(--van-white)_ | - |
|
||||
| --van-calendar-range-edge-background-color | _var(--van-red)_ | - |
|
||||
| --van-calendar-range-middle-color | _var(--van-red)_ | - |
|
||||
| --van-calendar-range-middle-background-opacity | _0.1_ | - |
|
||||
| --van-calendar-selected-day-size | _54px_ | - |
|
||||
| --van-calendar-selected-day-color | _var(--van-white)_ | - |
|
||||
| --van-calendar-info-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-calendar-info-line-height | _var(--van-line-height-xs)_ | - |
|
||||
| --van-calendar-selected-day-background-color | _var(--van-red)_ | - |
|
||||
| --van-calendar-day-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-calendar-confirm-button-height | _36px_ | - |
|
||||
| --van-calendar-confirm-button-margin | _7px 0_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -114,19 +114,19 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-card-padding | `var(--van-padding-xs) var(--van-padding-md)` | - |
|
||||
| --van-card-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-card-text-color | `var(--van-text-color)` | - |
|
||||
| --van-card-background-color | `var(--van-background-color-light)` | - |
|
||||
| --van-card-thumb-size | `88px` | - |
|
||||
| --van-card-thumb-border-radius | `var(--van-border-radius-lg)` | - |
|
||||
| --van-card-title-line-height | `16px` | - |
|
||||
| --van-card-desc-color | `var(--van-gary-7)` | - |
|
||||
| --van-card-desc-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-card-price-color | `var(--van-gary-8)` | - |
|
||||
| --van-card-origin-price-color | `var(--van-gary-6)` | - |
|
||||
| --van-card-num-color | `var(--van-gary-6)` | - |
|
||||
| --van-card-origin-price-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-card-price-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-card-price-integer-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-card-price-font-family | `var(--van-price-integer-font-family)` | - |
|
||||
| --van-card-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
|
||||
| --van-card-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-card-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-card-background-color | _var(--van-background-color-light)_ | - |
|
||||
| --van-card-thumb-size | _88px_ | - |
|
||||
| --van-card-thumb-border-radius | _var(--van-border-radius-lg)_ | - |
|
||||
| --van-card-title-line-height | _16px_ | - |
|
||||
| --van-card-desc-color | _var(--van-gary-7)_ | - |
|
||||
| --van-card-desc-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-card-price-color | _var(--van-gary-8)_ | - |
|
||||
| --van-card-origin-price-color | _var(--van-gary-6)_ | - |
|
||||
| --van-card-num-color | _var(--van-gary-6)_ | - |
|
||||
| --van-card-origin-price-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-card-price-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-card-price-integer-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-card-price-font-family | _var(--van-price-integer-font-family)_ | - |
|
||||
|
@ -116,19 +116,19 @@ app.use(Card);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-card-padding | `var(--van-padding-xs) var(--van-padding-md)` | - |
|
||||
| --van-card-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-card-text-color | `var(--van-text-color)` | - |
|
||||
| --van-card-background-color | `var(--van-background-color-light)` | - |
|
||||
| --van-card-thumb-size | `88px` | - |
|
||||
| --van-card-thumb-border-radius | `var(--van-border-radius-lg)` | - |
|
||||
| --van-card-title-line-height | `16px` | - |
|
||||
| --van-card-desc-color | `var(--van-gary-7)` | - |
|
||||
| --van-card-desc-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-card-price-color | `var(--van-gary-8)` | - |
|
||||
| --van-card-origin-price-color | `var(--van-gary-6)` | - |
|
||||
| --van-card-num-color | `var(--van-gary-6)` | - |
|
||||
| --van-card-origin-price-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-card-price-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-card-price-integer-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-card-price-font-family | `var(--van-price-integer-font-family)` | - |
|
||||
| --van-card-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
|
||||
| --van-card-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-card-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-card-background-color | _var(--van-background-color-light)_ | - |
|
||||
| --van-card-thumb-size | _88px_ | - |
|
||||
| --van-card-thumb-border-radius | _var(--van-border-radius-lg)_ | - |
|
||||
| --van-card-title-line-height | _16px_ | - |
|
||||
| --van-card-desc-color | _var(--van-gary-7)_ | - |
|
||||
| --van-card-desc-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-card-price-color | _var(--van-gary-8)_ | - |
|
||||
| --van-card-origin-price-color | _var(--van-gary-6)_ | - |
|
||||
| --van-card-num-color | _var(--van-gary-6)_ | - |
|
||||
| --van-card-origin-price-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-card-price-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-card-price-integer-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-card-price-font-family | _var(--van-price-integer-font-family)_ | - |
|
||||
|
@ -234,16 +234,16 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-cascader-header-height | `48px` | - |
|
||||
| --van-cascader-header-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-cascader-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-cascader-title-line-height | `20px` | - |
|
||||
| --van-cascader-close-icon-size | `22px` | - |
|
||||
| --van-cascader-close-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-cascader-close-icon-active-color | `var(--van-gary-6)` | - |
|
||||
| --van-cascader-selected-icon-size | `18px` | - |
|
||||
| --van-cascader-tabs-height | `48px` | - |
|
||||
| --van-cascader-active-color | `var(--van-red)` | - |
|
||||
| --van-cascader-options-height | `384px` | - |
|
||||
| --van-cascader-tab-color | `var(--van-text-color)` | - |
|
||||
| --van-cascader-unselected-tab-color | `var(--van-gary-6)` | - |
|
||||
| --van-cascader-header-height | _48px_ | - |
|
||||
| --van-cascader-header-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-cascader-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-cascader-title-line-height | _20px_ | - |
|
||||
| --van-cascader-close-icon-size | _22px_ | - |
|
||||
| --van-cascader-close-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-cascader-close-icon-active-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cascader-selected-icon-size | _18px_ | - |
|
||||
| --van-cascader-tabs-height | _48px_ | - |
|
||||
| --van-cascader-active-color | _var(--van-red)_ | - |
|
||||
| --van-cascader-options-height | _384px_ | - |
|
||||
| --van-cascader-tab-color | _var(--van-text-color)_ | - |
|
||||
| --van-cascader-unselected-tab-color | _var(--van-gary-6)_ | - |
|
||||
|
@ -244,16 +244,16 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| -------------------------------------- | ------------------------- | ---- |
|
||||
| --van-cascader-header-height | `48px` | - |
|
||||
| --van-cascader-header-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-cascader-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-cascader-title-line-height | `20px` | - |
|
||||
| --van-cascader-close-icon-size | `22px` | - |
|
||||
| --van-cascader-close-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-cascader-close-icon-active-color | `var(--van-gary-6)` | - |
|
||||
| --van-cascader-selected-icon-size | `18px` | - |
|
||||
| --van-cascader-tabs-height | `48px` | - |
|
||||
| --van-cascader-active-color | `var(--van-red)` | - |
|
||||
| --van-cascader-options-height | `384px` | - |
|
||||
| --van-cascader-tab-color | `var(--van-text-color)` | - |
|
||||
| --van-cascader-unselected-tab-color | `var(--van-gary-6)` | - |
|
||||
| --van-cascader-header-height | _48px_ | - |
|
||||
| --van-cascader-header-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-cascader-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-cascader-title-line-height | _20px_ | - |
|
||||
| --van-cascader-close-icon-size | _22px_ | - |
|
||||
| --van-cascader-close-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-cascader-close-icon-active-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cascader-selected-icon-size | _18px_ | - |
|
||||
| --van-cascader-tabs-height | _48px_ | - |
|
||||
| --van-cascader-active-color | _var(--van-red)_ | - |
|
||||
| --van-cascader-options-height | _384px_ | - |
|
||||
| --van-cascader-tab-color | _var(--van-text-color)_ | - |
|
||||
| --van-cascader-unselected-tab-color | _var(--van-gary-6)_ | - |
|
||||
|
@ -188,27 +188,27 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-cell-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-cell-line-height | `24px` | - |
|
||||
| --van-cell-vertical-padding | `10px` | - |
|
||||
| --van-cell-horizontal-padding | `var(--van-padding-md)` | - |
|
||||
| --van-cell-text-color | `var(--van-text-color)` | - |
|
||||
| --van-cell-background-color | `var(--van-white)` | - |
|
||||
| --van-cell-border-color | `var(--van-border-color)` | - |
|
||||
| --van-cell-active-color | `var(--van-active-color)` | - |
|
||||
| --van-cell-required-color | `var(--van-red)` | - |
|
||||
| --van-cell-label-color | `var(--van-gary-6)` | - |
|
||||
| --van-cell-label-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-cell-label-line-height | `var(--van-line-height-sm)` | - |
|
||||
| --van-cell-label-margin-top | `var(--van-padding-base)` | - |
|
||||
| --van-cell-value-color | `var(--van-gary-6)` | - |
|
||||
| --van-cell-icon-size | `16px` | - |
|
||||
| --van-cell-right-icon-color | `var(--van-gary-6)` | - |
|
||||
| --van-cell-large-vertical-padding | `var(--van-padding-sm)` | - |
|
||||
| --van-cell-large-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-cell-large-label-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-cell-group-background-color | `var(--van-white)` | - |
|
||||
| --van-cell-group-title-color | `var(--van-gary-6)` | - |
|
||||
| --van-cell-group-title-padding | `var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs)` | - |
|
||||
| --van-cell-group-title-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-cell-group-title-line-height | `16px` | - |
|
||||
| --van-cell-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-cell-line-height | _24px_ | - |
|
||||
| --van-cell-vertical-padding | _10px_ | - |
|
||||
| --van-cell-horizontal-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-cell-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-cell-background-color | _var(--van-white)_ | - |
|
||||
| --van-cell-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-cell-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-cell-required-color | _var(--van-red)_ | - |
|
||||
| --van-cell-label-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-label-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-cell-label-line-height | _var(--van-line-height-sm)_ | - |
|
||||
| --van-cell-label-margin-top | _var(--van-padding-base)_ | - |
|
||||
| --van-cell-value-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-icon-size | _16px_ | - |
|
||||
| --van-cell-right-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-large-vertical-padding | _var(--van-padding-sm)_ | - |
|
||||
| --van-cell-large-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-cell-large-label-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-cell-group-background-color | _var(--van-white)_ | - |
|
||||
| --van-cell-group-title-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-group-title-padding | _var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs)_ | - |
|
||||
| --van-cell-group-title-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-cell-group-title-line-height | _16px_ | - |
|
||||
|
@ -191,27 +191,27 @@ app.use(CellGroup);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-cell-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-cell-line-height | `24px` | - |
|
||||
| --van-cell-vertical-padding | `10px` | - |
|
||||
| --van-cell-horizontal-padding | `var(--van-padding-md)` | - |
|
||||
| --van-cell-text-color | `var(--van-text-color)` | - |
|
||||
| --van-cell-background-color | `var(--van-white)` | - |
|
||||
| --van-cell-border-color | `var(--van-border-color)` | - |
|
||||
| --van-cell-active-color | `var(--van-active-color)` | - |
|
||||
| --van-cell-required-color | `var(--van-red)` | - |
|
||||
| --van-cell-label-color | `var(--van-gary-6)` | - |
|
||||
| --van-cell-label-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-cell-label-line-height | `var(--van-line-height-sm)` | - |
|
||||
| --van-cell-label-margin-top | `var(--van-padding-base)` | - |
|
||||
| --van-cell-value-color | `var(--van-gary-6)` | - |
|
||||
| --van-cell-icon-size | `16px` | - |
|
||||
| --van-cell-right-icon-color | `var(--van-gary-6)` | - |
|
||||
| --van-cell-large-vertical-padding | `var(--van-padding-sm)` | - |
|
||||
| --van-cell-large-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-cell-large-label-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-cell-group-background-color | `var(--van-white)` | - |
|
||||
| --van-cell-group-title-color | `var(--van-gary-6)` | - |
|
||||
| --van-cell-group-title-padding | `var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs)` | - |
|
||||
| --van-cell-group-title-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-cell-group-title-line-height | `16px` | - |
|
||||
| --van-cell-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-cell-line-height | _24px_ | - |
|
||||
| --van-cell-vertical-padding | _10px_ | - |
|
||||
| --van-cell-horizontal-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-cell-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-cell-background-color | _var(--van-white)_ | - |
|
||||
| --van-cell-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-cell-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-cell-required-color | _var(--van-red)_ | - |
|
||||
| --van-cell-label-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-label-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-cell-label-line-height | _var(--van-line-height-sm)_ | - |
|
||||
| --van-cell-label-margin-top | _var(--van-padding-base)_ | - |
|
||||
| --van-cell-value-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-icon-size | _16px_ | - |
|
||||
| --van-cell-right-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-large-vertical-padding | _var(--van-padding-sm)_ | - |
|
||||
| --van-cell-large-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-cell-large-label-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-cell-group-background-color | _var(--van-white)_ | - |
|
||||
| --van-cell-group-title-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-group-title-padding | _var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs)_ | - |
|
||||
| --van-cell-group-title-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-cell-group-title-line-height | _16px_ | - |
|
||||
|
@ -333,12 +333,12 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-checkbox-size | `20px` | - |
|
||||
| --van-checkbox-border-color | `var(--van-gary-5)` | - |
|
||||
| --van-checkbox-transition-duration | `var(--van-animation-duration-fast)` | - |
|
||||
| --van-checkbox-label-margin | `var(--van-padding-xs)` | - |
|
||||
| --van-checkbox-label-color | `var(--van-text-color)` | - |
|
||||
| --van-checkbox-checked-icon-color | `var(--van-blue)` | - |
|
||||
| --van-checkbox-disabled-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-checkbox-disabled-label-color | `var(--van-gary-5)` | - |
|
||||
| --van-checkbox-disabled-background-color | `var(--van-border-color)` | - |
|
||||
| --van-checkbox-size | _20px_ | - |
|
||||
| --van-checkbox-border-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-transition-duration | _var(--van-animation-duration-fast)_ | - |
|
||||
| --van-checkbox-label-margin | _var(--van-padding-xs)_ | - |
|
||||
| --van-checkbox-label-color | _var(--van-text-color)_ | - |
|
||||
| --van-checkbox-checked-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-checkbox-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-disabled-label-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-disabled-background-color | _var(--van-border-color)_ | - |
|
||||
|
@ -351,12 +351,12 @@ checkboxGroup.toggleAll({
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-checkbox-size | `20px` | - |
|
||||
| --van-checkbox-border-color | `var(--van-gary-5)` | - |
|
||||
| --van-checkbox-transition-duration | `var(--van-animation-duration-fast)` | - |
|
||||
| --van-checkbox-label-margin | `var(--van-padding-xs)` | - |
|
||||
| --van-checkbox-label-color | `var(--van-text-color)` | - |
|
||||
| --van-checkbox-checked-icon-color | `var(--van-blue)` | - |
|
||||
| --van-checkbox-disabled-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-checkbox-disabled-label-color | `var(--van-gary-5)` | - |
|
||||
| --van-checkbox-disabled-background-color | `var(--van-border-color)` | - |
|
||||
| --van-checkbox-size | _20px_ | - |
|
||||
| --van-checkbox-border-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-transition-duration | _var(--van-animation-duration-fast)_ | - |
|
||||
| --van-checkbox-label-margin | _var(--van-padding-xs)_ | - |
|
||||
| --van-checkbox-label-color | _var(--van-text-color)_ | - |
|
||||
| --van-checkbox-checked-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-checkbox-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-disabled-label-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-disabled-background-color | _var(--van-border-color)_ | - |
|
||||
|
@ -149,10 +149,10 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| ----------------------------- | ----------------------------- | ----------- |
|
||||
| --van-circle-size | `100px` | - |
|
||||
| --van-circle-color | `var(--van-blue)` | - |
|
||||
| --van-circle-layer-color | `var(--van-white)` | - |
|
||||
| --van-circle-text-color | `var(--van-text-color)` | - |
|
||||
| --van-circle-text-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-circle-text-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-circle-text-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-circle-size | _100px_ | - |
|
||||
| --van-circle-color | _var(--van-blue)_ | - |
|
||||
| --van-circle-layer-color | _var(--van-white)_ | - |
|
||||
| --van-circle-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-circle-text-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-circle-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-circle-text-line-height | _var(--van-line-height-md)_ | - |
|
||||
|
@ -161,10 +161,10 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ----------------------------- | ----------------------------- | ---- |
|
||||
| --van-circle-size | `100px` | - |
|
||||
| --van-circle-color | `var(--van-blue)` | - |
|
||||
| --van-circle-layer-color | `var(--van-white)` | - |
|
||||
| --van-circle-text-color | `var(--van-text-color)` | - |
|
||||
| --van-circle-text-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-circle-text-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-circle-text-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-circle-size | _100px_ | - |
|
||||
| --van-circle-color | _var(--van-blue)_ | - |
|
||||
| --van-circle-layer-color | _var(--van-white)_ | - |
|
||||
| --van-circle-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-circle-text-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-circle-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-circle-text-line-height | _var(--van-line-height-md)_ | - |
|
||||
|
@ -166,10 +166,10 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-collapse-item-transition-duration | `var(--van-animation-duration-base)` | - |
|
||||
| --van-collapse-item-content-padding | `var(--van-padding-sm) var(--van-padding-md)` | - |
|
||||
| --van-collapse-item-content-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-collapse-item-content-line-height | `1.5` | - |
|
||||
| --van-collapse-item-content-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-collapse-item-content-background-color | `var(--van-white)` | - |
|
||||
| --van-collapse-item-title-disabled-color | `var(--van-gary-5)` | - |
|
||||
| --van-collapse-item-transition-duration | _var(--van-animation-duration-base)_ | - |
|
||||
| --van-collapse-item-content-padding | _var(--van-padding-sm) var(--van-padding-md)_ | - |
|
||||
| --van-collapse-item-content-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-collapse-item-content-line-height | _1.5_ | - |
|
||||
| --van-collapse-item-content-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-collapse-item-content-background-color | _var(--van-white)_ | - |
|
||||
| --van-collapse-item-title-disabled-color | _var(--van-gary-5)_ | - |
|
||||
|
@ -164,10 +164,10 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-collapse-item-transition-duration | `var(--van-animation-duration-base)` | - |
|
||||
| --van-collapse-item-content-padding | `var(--van-padding-sm) var(--van-padding-md)` | - |
|
||||
| --van-collapse-item-content-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-collapse-item-content-line-height | `1.5` | - |
|
||||
| --van-collapse-item-content-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-collapse-item-content-background-color | `var(--van-white)` | - |
|
||||
| --van-collapse-item-title-disabled-color | `var(--van-gary-5)` | - |
|
||||
| --van-collapse-item-transition-duration | _var(--van-animation-duration-base)_ | - |
|
||||
| --van-collapse-item-content-padding | _var(--van-padding-sm) var(--van-padding-md)_ | - |
|
||||
| --van-collapse-item-content-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-collapse-item-content-line-height | _1.5_ | - |
|
||||
| --van-collapse-item-content-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-collapse-item-content-background-color | _var(--van-white)_ | - |
|
||||
| --van-collapse-item-title-disabled-color | _var(--van-gary-5)_ | - |
|
||||
|
@ -102,7 +102,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-contact-card-padding | `var(--van-padding-md)` | - |
|
||||
| --van-contact-card-add-icon-size | `40px` | - |
|
||||
| --van-contact-card-add-icon-color | `var(--van-blue)` | - |
|
||||
| --van-contact-card-value-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-contact-card-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-contact-card-add-icon-size | _40px_ | - |
|
||||
| --van-contact-card-add-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-contact-card-value-line-height | _var(--van-line-height-md)_ | - |
|
||||
|
@ -97,7 +97,7 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------ | --------------------------- | ---- |
|
||||
| --van-contact-card-padding | `var(--van-padding-md)` | - |
|
||||
| --van-contact-card-add-icon-size | `40px` | - |
|
||||
| --van-contact-card-add-icon-color | `var(--van-blue)` | - |
|
||||
| --van-contact-card-value-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-contact-card-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-contact-card-add-icon-size | _40px_ | - |
|
||||
| --van-contact-card-add-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-contact-card-value-line-height | _var(--van-line-height-md)_ | - |
|
||||
|
@ -83,9 +83,9 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-contact-edit-padding | `var(--van-padding-md)` | - |
|
||||
| --van-contact-edit-fields-radius | `var(--van-border-radius-md)` | - |
|
||||
| --van-contact-edit-buttons-padding | `var(--van-padding-xl) 0` | - |
|
||||
| --van-contact-edit-button-margin-bottom | `var(--van-padding-sm)` | - |
|
||||
| --van-contact-edit-button-font-size | `16px` | - |
|
||||
| --van-contact-edit-field-label-width | `4.1em` | - |
|
||||
| --van-contact-edit-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-contact-edit-fields-radius | _var(--van-border-radius-md)_ | - |
|
||||
| --van-contact-edit-buttons-padding | _var(--van-padding-xl) 0_ | - |
|
||||
| --van-contact-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
|
||||
| --van-contact-edit-button-font-size | _16px_ | - |
|
||||
| --van-contact-edit-field-label-width | _4.1em_ | - |
|
||||
|
@ -83,9 +83,9 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-contact-edit-padding | `var(--van-padding-md)` | - |
|
||||
| --van-contact-edit-fields-radius | `var(--van-border-radius-md)` | - |
|
||||
| --van-contact-edit-buttons-padding | `var(--van-padding-xl) 0` | - |
|
||||
| --van-contact-edit-button-margin-bottom | `var(--van-padding-sm)` | - |
|
||||
| --van-contact-edit-button-font-size | `16px` | - |
|
||||
| --van-contact-edit-field-label-width | `4.1em` | - |
|
||||
| --van-contact-edit-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-contact-edit-fields-radius | _var(--van-border-radius-md)_ | - |
|
||||
| --van-contact-edit-buttons-padding | _var(--van-padding-xl) 0_ | - |
|
||||
| --van-contact-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
|
||||
| --van-contact-edit-button-font-size | _16px_ | - |
|
||||
| --van-contact-edit-field-label-width | _4.1em_ | - |
|
||||
|
@ -102,7 +102,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-contact-list-edit-icon-size | `16px` | - |
|
||||
| --van-contact-list-add-button-z-index | `999` | - |
|
||||
| --van-contact-list-item-padding | `var(--van-padding-md)` | - |
|
||||
| --van-contact-list-item-radio-icon-color | `var(--van-red)` | - |
|
||||
| --van-contact-list-edit-icon-size | _16px_ | - |
|
||||
| --van-contact-list-add-button-z-index | _999_ | - |
|
||||
| --van-contact-list-item-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-contact-list-item-radio-icon-color | _var(--van-red)_ | - |
|
||||
|
@ -102,7 +102,7 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ---------------------------------------- | ----------------------- | ---- |
|
||||
| --van-contact-list-edit-icon-size | `16px` | - |
|
||||
| --van-contact-list-add-button-z-index | `999` | - |
|
||||
| --van-contact-list-item-padding | `var(--van-padding-md)` | - |
|
||||
| --van-contact-list-item-radio-icon-color | `var(--van-red)` | - |
|
||||
| --van-contact-list-edit-icon-size | _16px_ | - |
|
||||
| --van-contact-list-add-button-z-index | _999_ | - |
|
||||
| --van-contact-list-item-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-contact-list-item-radio-icon-color | _var(--van-red)_ | - |
|
||||
|
@ -187,6 +187,6 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| ---------------------------- | --------------------------- | ----------- |
|
||||
| --van-count-down-text-color | `var(--van-text-color)` | - |
|
||||
| --van-count-down-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-count-down-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-count-down-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-count-down-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-count-down-line-height | _var(--van-line-height-md)_ | - |
|
||||
|
@ -197,9 +197,9 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ---------------------------- | --------------------------- | ---- |
|
||||
| --van-count-down-text-color | `var(--van-text-color)` | - |
|
||||
| --van-count-down-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-count-down-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-count-down-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-count-down-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-count-down-line-height | _var(--van-line-height-md)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -155,28 +155,28 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-coupon-margin | `0 var(--van-padding-sm) var(--van-padding-sm)` | - |
|
||||
| --van-coupon-content-height | `84px` | - |
|
||||
| --van-coupon-content-padding | `14px 0` | - |
|
||||
| --van-coupon-background-color | `var(--van-white)` | - |
|
||||
| --van-coupon-active-background-color | `var(--van-active-color)` | - |
|
||||
| --van-coupon-border-radius | `var(--van-border-radius-lg)` | - |
|
||||
| --van-coupon-box-shadow | `0 0 4px rgba(0, 0, 0, 0.1)` | - |
|
||||
| --van-coupon-head-width | `96px` | - |
|
||||
| --van-coupon-amount-color | `var(--van-red)` | - |
|
||||
| --van-coupon-amount-font-size | `30px` | - |
|
||||
| --van-coupon-currency-font-size | `40%` | - |
|
||||
| --van-coupon-name-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-coupon-disabled-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-coupon-description-padding | `var(--van-padding-xs) var(--van-padding-md)` | - |
|
||||
| --van-coupon-description-border-color | `var(--van-border-color)` | - |
|
||||
| --van-coupon-corner-checkbox-icon-color | `var(--van-red)` | - |
|
||||
| --van-coupon-list-background-color | `var(--van-background-color)` | - |
|
||||
| --van-coupon-list-field-padding | `5px 0 5px var(--van-padding-md)` | - |
|
||||
| --van-coupon-list-exchange-button-height | `32px` | - |
|
||||
| --van-coupon-list-close-button-height | `40px` | - |
|
||||
| --van-coupon-list-empty-image-size | `200px` | - |
|
||||
| --van-coupon-list-empty-tip-color | `var(--van-gary-6)` | - |
|
||||
| --van-coupon-list-empty-tip-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-coupon-list-empty-tip-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-coupon-cell-selected-text-color | `var(--van-text-color)` | - |
|
||||
| --van-coupon-margin | _0 var(--van-padding-sm) var(--van-padding-sm)_ | - |
|
||||
| --van-coupon-content-height | _84px_ | - |
|
||||
| --van-coupon-content-padding | _14px 0_ | - |
|
||||
| --van-coupon-background-color | _var(--van-white)_ | - |
|
||||
| --van-coupon-active-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-coupon-border-radius | _var(--van-border-radius-lg)_ | - |
|
||||
| --van-coupon-box-shadow | _0 0 4px rgba(0, 0, 0, 0.1)_ | - |
|
||||
| --van-coupon-head-width | _96px_ | - |
|
||||
| --van-coupon-amount-color | _var(--van-red)_ | - |
|
||||
| --van-coupon-amount-font-size | _30px_ | - |
|
||||
| --van-coupon-currency-font-size | _40%_ | - |
|
||||
| --van-coupon-name-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-coupon-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-coupon-description-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
|
||||
| --van-coupon-description-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-coupon-corner-checkbox-icon-color | _var(--van-red)_ | - |
|
||||
| --van-coupon-list-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-coupon-list-field-padding | _5px 0 5px var(--van-padding-md)_ | - |
|
||||
| --van-coupon-list-exchange-button-height | _32px_ | - |
|
||||
| --van-coupon-list-close-button-height | _40px_ | - |
|
||||
| --van-coupon-list-empty-image-size | _200px_ | - |
|
||||
| --van-coupon-list-empty-tip-color | _var(--van-gary-6)_ | - |
|
||||
| --van-coupon-list-empty-tip-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-coupon-list-empty-tip-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-coupon-cell-selected-text-color | _var(--van-text-color)_ | - |
|
||||
|
@ -157,28 +157,28 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-coupon-margin | `0 var(--van-padding-sm) var(--van-padding-sm)` | - |
|
||||
| --van-coupon-content-height | `84px` | - |
|
||||
| --van-coupon-content-padding | `14px 0` | - |
|
||||
| --van-coupon-background-color | `var(--van-white)` | - |
|
||||
| --van-coupon-active-background-color | `var(--van-active-color)` | - |
|
||||
| --van-coupon-border-radius | `var(--van-border-radius-lg)` | - |
|
||||
| --van-coupon-box-shadow | `0 0 4px rgba(0, 0, 0, 0.1)` | - |
|
||||
| --van-coupon-head-width | `96px` | - |
|
||||
| --van-coupon-amount-color | `var(--van-red)` | - |
|
||||
| --van-coupon-amount-font-size | `30px` | - |
|
||||
| --van-coupon-currency-font-size | `40%` | - |
|
||||
| --van-coupon-name-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-coupon-disabled-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-coupon-description-padding | `var(--van-padding-xs) var(--van-padding-md)` | - |
|
||||
| --van-coupon-description-border-color | `var(--van-border-color)` | - |
|
||||
| --van-coupon-corner-checkbox-icon-color | `var(--van-red)` | - |
|
||||
| --van-coupon-list-background-color | `var(--van-background-color)` | - |
|
||||
| --van-coupon-list-field-padding | `5px 0 5px var(--van-padding-md)` | - |
|
||||
| --van-coupon-list-exchange-button-height | `32px` | - |
|
||||
| --van-coupon-list-close-button-height | `40px` | - |
|
||||
| --van-coupon-list-empty-image-size | `200px` | - |
|
||||
| --van-coupon-list-empty-tip-color | `var(--van-gary-6)` | - |
|
||||
| --van-coupon-list-empty-tip-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-coupon-list-empty-tip-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-coupon-cell-selected-text-color | `var(--van-text-color)` | - |
|
||||
| --van-coupon-margin | _0 var(--van-padding-sm) var(--van-padding-sm)_ | - |
|
||||
| --van-coupon-content-height | _84px_ | - |
|
||||
| --van-coupon-content-padding | _14px 0_ | - |
|
||||
| --van-coupon-background-color | _var(--van-white)_ | - |
|
||||
| --van-coupon-active-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-coupon-border-radius | _var(--van-border-radius-lg)_ | - |
|
||||
| --van-coupon-box-shadow | _0 0 4px rgba(0, 0, 0, 0.1)_ | - |
|
||||
| --van-coupon-head-width | _96px_ | - |
|
||||
| --van-coupon-amount-color | _var(--van-red)_ | - |
|
||||
| --van-coupon-amount-font-size | _30px_ | - |
|
||||
| --van-coupon-currency-font-size | _40%_ | - |
|
||||
| --van-coupon-name-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-coupon-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-coupon-description-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
|
||||
| --van-coupon-description-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-coupon-corner-checkbox-icon-color | _var(--van-red)_ | - |
|
||||
| --van-coupon-list-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-coupon-list-field-padding | _5px 0 5px var(--van-padding-md)_ | - |
|
||||
| --van-coupon-list-exchange-button-height | _32px_ | - |
|
||||
| --van-coupon-list-close-button-height | _40px_ | - |
|
||||
| --van-coupon-list-empty-image-size | _200px_ | - |
|
||||
| --van-coupon-list-empty-tip-color | _var(--van-gary-6)_ | - |
|
||||
| --van-coupon-list-empty-tip-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-coupon-list-empty-tip-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-coupon-cell-selected-text-color | _var(--van-text-color)_ | - |
|
||||
|
@ -220,22 +220,22 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-dialog-width | `320px` | - |
|
||||
| --van-dialog-small-screen-width | `90%` | - |
|
||||
| --van-dialog-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-dialog-transition | `var(--van-animation-duration-base)` | - |
|
||||
| --van-dialog-border-radius | `16px` | - |
|
||||
| --van-dialog-background-color | `var(--van-white)` | - |
|
||||
| --van-dialog-header-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-dialog-header-line-height | `24px` | - |
|
||||
| --van-dialog-header-padding-top | `26px` | - |
|
||||
| --van-dialog-header-isolated-padding | `var(--van-padding-lg) 0` | - |
|
||||
| --van-dialog-message-padding | `var(--van-padding-lg)` | - |
|
||||
| --van-dialog-message-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-dialog-message-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-dialog-message-max-height | `60vh` | - |
|
||||
| --van-dialog-has-title-message-text-color | `var(--van-gary-7)` | - |
|
||||
| --van-dialog-has-title-message-padding-top | `var(--van-padding-xs)` | - |
|
||||
| --van-dialog-button-height | `48px` | - |
|
||||
| --van-dialog-round-button-height | `36px` | - |
|
||||
| --van-dialog-confirm-button-text-color | `var(--van-red)` | - |
|
||||
| --van-dialog-width | _320px_ | - |
|
||||
| --van-dialog-small-screen-width | _90%_ | - |
|
||||
| --van-dialog-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-dialog-transition | _var(--van-animation-duration-base)_ | - |
|
||||
| --van-dialog-border-radius | _16px_ | - |
|
||||
| --van-dialog-background-color | _var(--van-white)_ | - |
|
||||
| --van-dialog-header-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-dialog-header-line-height | _24px_ | - |
|
||||
| --van-dialog-header-padding-top | _26px_ | - |
|
||||
| --van-dialog-header-isolated-padding | _var(--van-padding-lg) 0_ | - |
|
||||
| --van-dialog-message-padding | _var(--van-padding-lg)_ | - |
|
||||
| --van-dialog-message-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-dialog-message-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-dialog-message-max-height | _60vh_ | - |
|
||||
| --van-dialog-has-title-message-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-dialog-has-title-message-padding-top | _var(--van-padding-xs)_ | - |
|
||||
| --van-dialog-button-height | _48px_ | - |
|
||||
| --van-dialog-round-button-height | _36px_ | - |
|
||||
| --van-dialog-confirm-button-text-color | _var(--van-red)_ | - |
|
||||
|
@ -255,25 +255,25 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-dialog-width | `320px` | - |
|
||||
| --van-dialog-small-screen-width | `90%` | - |
|
||||
| --van-dialog-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-dialog-transition | `var(--van-animation-duration-base)` | - |
|
||||
| --van-dialog-border-radius | `16px` | - |
|
||||
| --van-dialog-background-color | `var(--van-white)` | - |
|
||||
| --van-dialog-header-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-dialog-header-line-height | `24px` | - |
|
||||
| --van-dialog-header-padding-top | `26px` | - |
|
||||
| --van-dialog-header-isolated-padding | `var(--van-padding-lg) 0` | - |
|
||||
| --van-dialog-message-padding | `var(--van-padding-lg)` | - |
|
||||
| --van-dialog-message-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-dialog-message-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-dialog-message-max-height | `60vh` | - |
|
||||
| --van-dialog-has-title-message-text-color | `var(--van-gary-7)` | - |
|
||||
| --van-dialog-has-title-message-padding-top | `var(--van-padding-xs)` | - |
|
||||
| --van-dialog-button-height | `48px` | - |
|
||||
| --van-dialog-round-button-height | `36px` | - |
|
||||
| --van-dialog-confirm-button-text-color | `var(--van-red)` | - |
|
||||
| --van-dialog-width | _320px_ | - |
|
||||
| --van-dialog-small-screen-width | _90%_ | - |
|
||||
| --van-dialog-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-dialog-transition | _var(--van-animation-duration-base)_ | - |
|
||||
| --van-dialog-border-radius | _16px_ | - |
|
||||
| --van-dialog-background-color | _var(--van-white)_ | - |
|
||||
| --van-dialog-header-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-dialog-header-line-height | _24px_ | - |
|
||||
| --van-dialog-header-padding-top | _26px_ | - |
|
||||
| --van-dialog-header-isolated-padding | _var(--van-padding-lg) 0_ | - |
|
||||
| --van-dialog-message-padding | _var(--van-padding-lg)_ | - |
|
||||
| --van-dialog-message-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-dialog-message-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-dialog-message-max-height | _60vh_ | - |
|
||||
| --van-dialog-has-title-message-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-dialog-has-title-message-padding-top | _var(--van-padding-xs)_ | - |
|
||||
| --van-dialog-button-height | _48px_ | - |
|
||||
| --van-dialog-round-button-height | _36px_ | - |
|
||||
| --van-dialog-confirm-button-text-color | _var(--van-red)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -75,11 +75,11 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --------------------------------- | ------------------------- | ----------- |
|
||||
| --van-divider-margin | `var(--van-padding-md) 0` | - |
|
||||
| --van-divider-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-divider-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-divider-line-height | `24px` | - |
|
||||
| --van-divider-border-color | `var(--van-border-color)` | - |
|
||||
| --van-divider-content-padding | `var(--van-padding-md)` | - |
|
||||
| --van-divider-content-left-width | `10%` | - |
|
||||
| --van-divider-content-right-width | `10%` | - |
|
||||
| --van-divider-margin | _var(--van-padding-md) 0_ | - |
|
||||
| --van-divider-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-divider-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-divider-line-height | _24px_ | - |
|
||||
| --van-divider-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-divider-content-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-divider-content-left-width | _10%_ | - |
|
||||
| --van-divider-content-right-width | _10%_ | - |
|
||||
|
@ -85,11 +85,11 @@ app.use(Divider);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --------------------------------- | ------------------------- | ---- |
|
||||
| --van-divider-margin | `var(--van-padding-md) 0` | - |
|
||||
| --van-divider-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-divider-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-divider-line-height | `24px` | - |
|
||||
| --van-divider-border-color | `var(--van-border-color)` | - |
|
||||
| --van-divider-content-padding | `var(--van-padding-md)` | - |
|
||||
| --van-divider-content-left-width | `10%` | - |
|
||||
| --van-divider-content-right-width | `10%` | - |
|
||||
| --van-divider-margin | _var(--van-padding-md) 0_ | - |
|
||||
| --van-divider-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-divider-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-divider-line-height | _24px_ | - |
|
||||
| --van-divider-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-divider-content-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-divider-content-left-width | _10%_ | - |
|
||||
| --van-divider-content-right-width | _10%_ | - |
|
||||
|
@ -206,15 +206,15 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-dropdown-menu-height | `48px` | - |
|
||||
| --van-dropdown-menu-background-color | `var(--van-white)` | - |
|
||||
| --van-dropdown-menu-box-shadow | `0 2px 12px fade(var(--van-gray-7), 12)` | - |
|
||||
| --van-dropdown-menu-title-font-size | `15px` | - |
|
||||
| --van-dropdown-menu-title-text-color | `var(--van-text-color)` | - |
|
||||
| --van-dropdown-menu-title-active-text-color | `var(--van-red)` | - |
|
||||
| --van-dropdown-menu-title-disabled-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-dropdown-menu-title-padding | `0 var(--van-padding-xs)` | - |
|
||||
| --van-dropdown-menu-title-line-height | `var(--van-line-height-lg)` | - |
|
||||
| --van-dropdown-menu-option-active-color | `var(--van-red)` | - |
|
||||
| --van-dropdown-menu-content-max-height | `80%` | - |
|
||||
| --van-dropdown-item-z-index | `10` | - |
|
||||
| --van-dropdown-menu-height | _48px_ | - |
|
||||
| --van-dropdown-menu-background-color | _var(--van-white)_ | - |
|
||||
| --van-dropdown-menu-box-shadow | _0 2px 12px fade(var(--van-gray-7), 12)_ | - |
|
||||
| --van-dropdown-menu-title-font-size | _15px_ | - |
|
||||
| --van-dropdown-menu-title-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-dropdown-menu-title-active-text-color | _var(--van-red)_ | - |
|
||||
| --van-dropdown-menu-title-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-dropdown-menu-title-padding | _0 var(--van-padding-xs)_ | - |
|
||||
| --van-dropdown-menu-title-line-height | _var(--van-line-height-lg)_ | - |
|
||||
| --van-dropdown-menu-option-active-color | _var(--van-red)_ | - |
|
||||
| --van-dropdown-menu-content-max-height | _80%_ | - |
|
||||
| --van-dropdown-item-z-index | _10_ | - |
|
||||
|
@ -210,18 +210,18 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-dropdown-menu-height | `48px` | - |
|
||||
| --van-dropdown-menu-background-color | `var(--van-white)` | - |
|
||||
| --van-dropdown-menu-box-shadow | `0 2px 12px fade(var(--van-gray-7), 12)` | - |
|
||||
| --van-dropdown-menu-title-font-size | `15px` | - |
|
||||
| --van-dropdown-menu-title-text-color | `var(--van-text-color)` | - |
|
||||
| --van-dropdown-menu-title-active-text-color | `var(--van-red)` | - |
|
||||
| --van-dropdown-menu-title-disabled-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-dropdown-menu-title-padding | `0 var(--van-padding-xs)` | - |
|
||||
| --van-dropdown-menu-title-line-height | `var(--van-line-height-lg)` | - |
|
||||
| --van-dropdown-menu-option-active-color | `var(--van-red)` | - |
|
||||
| --van-dropdown-menu-content-max-height | `80%` | - |
|
||||
| --van-dropdown-item-z-index | `10` | - |
|
||||
| --van-dropdown-menu-height | _48px_ | - |
|
||||
| --van-dropdown-menu-background-color | _var(--van-white)_ | - |
|
||||
| --van-dropdown-menu-box-shadow | _0 2px 12px fade(var(--van-gray-7), 12)_ | - |
|
||||
| --van-dropdown-menu-title-font-size | _15px_ | - |
|
||||
| --van-dropdown-menu-title-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-dropdown-menu-title-active-text-color | _var(--van-red)_ | - |
|
||||
| --van-dropdown-menu-title-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-dropdown-menu-title-padding | _0 var(--van-padding-xs)_ | - |
|
||||
| --van-dropdown-menu-title-line-height | _var(--van-line-height-lg)_ | - |
|
||||
| --van-dropdown-menu-option-active-color | _var(--van-red)_ | - |
|
||||
| --van-dropdown-menu-content-max-height | _80%_ | - |
|
||||
| --van-dropdown-item-z-index | _10_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -92,11 +92,11 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-empty-padding | `var(--van-padding-xl) 0` | - |
|
||||
| --van-empty-image-size | `160px` | - |
|
||||
| --van-empty-description-margin-top | `var(--van-padding-md)` | - |
|
||||
| --van-empty-description-padding | `0 60px` | - |
|
||||
| --van-empty-description-color | `var(--van-gary-6)` | - |
|
||||
| --van-empty-description-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-empty-description-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-empty-bottom-margin-top | `24px` | - |
|
||||
| --van-empty-padding | _var(--van-padding-xl) 0_ | - |
|
||||
| --van-empty-image-size | _160px_ | - |
|
||||
| --van-empty-description-margin-top | _var(--van-padding-md)_ | - |
|
||||
| --van-empty-description-padding | _0 60px_ | - |
|
||||
| --van-empty-description-color | _var(--van-gary-6)_ | - |
|
||||
| --van-empty-description-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-empty-description-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-empty-bottom-margin-top | _24px_ | - |
|
||||
|
@ -97,11 +97,11 @@ Empty 组件内置了多种占位图片类型,可以在不同业务场景下
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ----------------------------------- | --------------------------- | ---- |
|
||||
| --van-empty-padding | `var(--van-padding-xl) 0` | - |
|
||||
| --van-empty-image-size | `160px` | - |
|
||||
| --van-empty-description-margin-top | `var(--van-padding-md)` | - |
|
||||
| --van-empty-description-padding | `0 60px` | - |
|
||||
| --van-empty-description-color | `var(--van-gary-6)` | - |
|
||||
| --van-empty-description-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-empty-description-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-empty-bottom-margin-top | `24px` | - |
|
||||
| --van-empty-padding | _var(--van-padding-xl) 0_ | - |
|
||||
| --van-empty-image-size | _160px_ | - |
|
||||
| --van-empty-description-margin-top | _var(--van-padding-md)_ | - |
|
||||
| --van-empty-description-padding | _0 60px_ | - |
|
||||
| --van-empty-description-color | _var(--van-gary-6)_ | - |
|
||||
| --van-empty-description-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-empty-description-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-empty-bottom-margin-top | _24px_ | - |
|
||||
|
@ -315,21 +315,21 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-field-label-width | `6.2em` | - |
|
||||
| --van-field-label-color | `var(--van-gary-7)` | - |
|
||||
| --van-field-label-margin-right | `var(--van-padding-sm)` | - |
|
||||
| --van-field-input-text-color | `var(--van-text-color)` | - |
|
||||
| --van-field-input-error-text-color | `var(--van-red)` | - |
|
||||
| --van-field-input-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-field-placeholder-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-field-icon-size | `16px` | - |
|
||||
| --van-field-clear-icon-size | `16px` | - |
|
||||
| --van-field-clear-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-field-right-icon-color | `var(--van-gary-6)` | - |
|
||||
| --van-field-error-message-color | `var(--van-red)` | - |
|
||||
| --van-field-error-message-text-color | `12px` | - |
|
||||
| --van-field-text-area-min-height | `60px` | - |
|
||||
| --van-field-word-limit-color | `var(--van-gary-7)` | - |
|
||||
| --van-field-word-limit-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-field-word-limit-line-height | `16px` | - |
|
||||
| --van-field-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-field-label-width | _6.2em_ | - |
|
||||
| --van-field-label-color | _var(--van-gary-7)_ | - |
|
||||
| --van-field-label-margin-right | _var(--van-padding-sm)_ | - |
|
||||
| --van-field-input-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-field-input-error-text-color | _var(--van-red)_ | - |
|
||||
| --van-field-input-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-placeholder-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-icon-size | _16px_ | - |
|
||||
| --van-field-clear-icon-size | _16px_ | - |
|
||||
| --van-field-clear-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-right-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-field-error-message-color | _var(--van-red)_ | - |
|
||||
| --van-field-error-message-text-color | _12px_ | - |
|
||||
| --van-field-text-area-min-height | _60px_ | - |
|
||||
| --van-field-word-limit-color | _var(--van-gary-7)_ | - |
|
||||
| --van-field-word-limit-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-field-word-limit-line-height | _16px_ | - |
|
||||
| --van-field-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
|
@ -332,24 +332,24 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | ------------------------- | ---- |
|
||||
| --van-field-label-width | `6.2em` | - |
|
||||
| --van-field-label-color | `var(--van-gary-7)` | - |
|
||||
| --van-field-label-margin-right | `var(--van-padding-sm)` | - |
|
||||
| --van-field-input-text-color | `var(--van-text-color)` | - |
|
||||
| --van-field-input-error-text-color | `var(--van-red)` | - |
|
||||
| --van-field-input-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-field-placeholder-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-field-icon-size | `16px` | - |
|
||||
| --van-field-clear-icon-size | `16px` | - |
|
||||
| --van-field-clear-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-field-right-icon-color | `var(--van-gary-6)` | - |
|
||||
| --van-field-error-message-color | `var(--van-red)` | - |
|
||||
| --van-field-error-message-text-color | `12px` | - |
|
||||
| --van-field-text-area-min-height | `60px` | - |
|
||||
| --van-field-word-limit-color | `var(--van-gary-7)` | - |
|
||||
| --van-field-word-limit-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-field-word-limit-line-height | `16px` | - |
|
||||
| --van-field-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-field-label-width | _6.2em_ | - |
|
||||
| --van-field-label-color | _var(--van-gary-7)_ | - |
|
||||
| --van-field-label-margin-right | _var(--van-padding-sm)_ | - |
|
||||
| --van-field-input-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-field-input-error-text-color | _var(--van-red)_ | - |
|
||||
| --van-field-input-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-placeholder-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-icon-size | _16px_ | - |
|
||||
| --van-field-clear-icon-size | _16px_ | - |
|
||||
| --van-field-clear-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-right-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-field-error-message-color | _var(--van-red)_ | - |
|
||||
| --van-field-error-message-text-color | _12px_ | - |
|
||||
| --van-field-text-area-min-height | _60px_ | - |
|
||||
| --van-field-word-limit-color | _var(--van-gary-7)_ | - |
|
||||
| --van-field-word-limit-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-field-word-limit-line-height | _16px_ | - |
|
||||
| --van-field-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -147,9 +147,9 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-grid-item-content-padding | `var(--van-padding-md) var(--van-padding-xs)` | - |
|
||||
| --van-grid-item-content-background-color | `var(--van-white)` | - |
|
||||
| --van-grid-item-content-active-color | `var(--van-active-color)` | - |
|
||||
| --van-grid-item-icon-size | `28px` | - |
|
||||
| --van-grid-item-text-color | `var(--van-gary-7)` | - |
|
||||
| --van-grid-item-text-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-grid-item-content-padding | _var(--van-padding-md) var(--van-padding-xs)_ | - |
|
||||
| --van-grid-item-content-background-color | _var(--van-white)_ | - |
|
||||
| --van-grid-item-content-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-grid-item-icon-size | _28px_ | - |
|
||||
| --van-grid-item-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-grid-item-text-font-size | _var(--van-font-size-sm)_ | - |
|
||||
|
@ -163,9 +163,9 @@ app.use(GridItem);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-grid-item-content-padding | `var(--van-padding-md) var(--van-padding-xs)` | - |
|
||||
| --van-grid-item-content-background-color | `var(--van-white)` | - |
|
||||
| --van-grid-item-content-active-color | `var(--van-active-color)` | - |
|
||||
| --van-grid-item-icon-size | `28px` | - |
|
||||
| --van-grid-item-text-color | `var(--van-gary-7)` | - |
|
||||
| --van-grid-item-text-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-grid-item-content-padding | _var(--van-padding-md) var(--van-padding-xs)_ | - |
|
||||
| --van-grid-item-content-background-color | _var(--van-white)_ | - |
|
||||
| --van-grid-item-content-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-grid-item-icon-size | _28px_ | - |
|
||||
| --van-grid-item-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-grid-item-text-font-size | _var(--van-font-size-sm)_ | - |
|
||||
|
@ -215,13 +215,13 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-image-preview-index-text-color | `var(--van-white)` | - |
|
||||
| --van-image-preview-index-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-image-preview-index-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-image-preview-index-text-shadow | `0 1px 1px var(--van-gray-8)` | - |
|
||||
| --van-image-preview-overlay-background-color | `rgba(0, 0, 0, 0.9)` | - |
|
||||
| --van-image-preview-close-icon-size | `22px` | - |
|
||||
| --van-image-preview-close-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-image-preview-close-icon-active-color | `var(--van-gary-6)` | - |
|
||||
| --van-image-preview-close-icon-margin | `var(--van-padding-md)` | - |
|
||||
| --van-image-preview-close-icon-z-index | `1` | - |
|
||||
| --van-image-preview-index-text-color | _var(--van-white)_ | - |
|
||||
| --van-image-preview-index-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-image-preview-index-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-image-preview-index-text-shadow | _0 1px 1px var(--van-gray-8)_ | - |
|
||||
| --van-image-preview-overlay-background-color | _rgba(0, 0, 0, 0.9)_ | - |
|
||||
| --van-image-preview-close-icon-size | _22px_ | - |
|
||||
| --van-image-preview-close-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-image-preview-close-icon-active-color | _var(--van-gary-6)_ | - |
|
||||
| --van-image-preview-close-icon-margin | _var(--van-padding-md)_ | - |
|
||||
| --van-image-preview-close-icon-z-index | _1_ | - |
|
||||
|
@ -252,16 +252,16 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-image-preview-index-text-color | `var(--van-white)` | - |
|
||||
| --van-image-preview-index-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-image-preview-index-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-image-preview-index-text-shadow | `0 1px 1px var(--van-gray-8)` | - |
|
||||
| --van-image-preview-overlay-background-color | `rgba(0, 0, 0, 0.9)` | - |
|
||||
| --van-image-preview-close-icon-size | `22px` | - |
|
||||
| --van-image-preview-close-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-image-preview-close-icon-active-color | `var(--van-gary-6)` | - |
|
||||
| --van-image-preview-close-icon-margin | `var(--van-padding-md)` | - |
|
||||
| --van-image-preview-close-icon-z-index | `1` | - |
|
||||
| --van-image-preview-index-text-color | _var(--van-white)_ | - |
|
||||
| --van-image-preview-index-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-image-preview-index-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-image-preview-index-text-shadow | _0 1px 1px var(--van-gray-8)_ | - |
|
||||
| --van-image-preview-overlay-background-color | _rgba(0, 0, 0, 0.9)_ | - |
|
||||
| --van-image-preview-close-icon-size | _22px_ | - |
|
||||
| --van-image-preview-close-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-image-preview-close-icon-active-color | _var(--van-gary-6)_ | - |
|
||||
| --van-image-preview-close-icon-margin | _var(--van-padding-md)_ | - |
|
||||
| --van-image-preview-close-icon-z-index | _1_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -120,10 +120,10 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-image-placeholder-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-image-placeholder-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-image-placeholder-background-color | `var(--van-background-color)` | - |
|
||||
| --van-image-loading-icon-size | `32px` | - |
|
||||
| --van-image-loading-icon-color | `var(--van-gary-4)` | - |
|
||||
| --van-image-error-icon-size | `32px` | - |
|
||||
| --van-image-error-icon-color | `var(--van-gary-4)` | - |
|
||||
| --van-image-placeholder-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-image-placeholder-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-image-placeholder-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-image-loading-icon-size | _32px_ | - |
|
||||
| --van-image-loading-icon-color | _var(--van-gary-4)_ | - |
|
||||
| --van-image-error-icon-size | _32px_ | - |
|
||||
| --van-image-error-icon-color | _var(--van-gary-4)_ | - |
|
||||
|
@ -148,13 +148,13 @@ app.use(Lazyload);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-image-placeholder-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-image-placeholder-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-image-placeholder-background-color | `var(--van-background-color)` | - |
|
||||
| --van-image-loading-icon-size | `32px` | - |
|
||||
| --van-image-loading-icon-color | `var(--van-gary-4)` | - |
|
||||
| --van-image-error-icon-size | `32px` | - |
|
||||
| --van-image-error-icon-color | `var(--van-gary-4)` | - |
|
||||
| --van-image-placeholder-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-image-placeholder-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-image-placeholder-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-image-loading-icon-size | _32px_ | - |
|
||||
| --van-image-loading-icon-color | _var(--van-gary-4)_ | - |
|
||||
| --van-image-error-icon-size | _32px_ | - |
|
||||
| --van-image-error-icon-color | _var(--van-gary-4)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -111,16 +111,16 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-index-bar-sidebar-z-index | `2` | - |
|
||||
| --van-index-bar-index-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-index-bar-index-line-height | `var(--van-line-height-xs)` | - |
|
||||
| --van-index-bar-index-active-color | `var(--van-red)` | - |
|
||||
| --van-index-anchor-z-index | `1` | - |
|
||||
| --van-index-anchor-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-index-anchor-text-color | `var(--van-text-color)` | - |
|
||||
| --van-index-anchor-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-index-anchor-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-index-anchor-line-height | `32px` | - |
|
||||
| --van-index-anchor-background-color | `transparent` | - |
|
||||
| --van-index-anchor-sticky-text-color | `var(--van-red)` | - |
|
||||
| --van-index-anchor-sticky-background-color | `var(--van-white)` | - |
|
||||
| --van-index-bar-sidebar-z-index | _2_ | - |
|
||||
| --van-index-bar-index-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-index-bar-index-line-height | _var(--van-line-height-xs)_ | - |
|
||||
| --van-index-bar-index-active-color | _var(--van-red)_ | - |
|
||||
| --van-index-anchor-z-index | _1_ | - |
|
||||
| --van-index-anchor-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-index-anchor-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-index-anchor-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-index-anchor-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-index-anchor-line-height | _32px_ | - |
|
||||
| --van-index-anchor-background-color | _transparent_ | - |
|
||||
| --van-index-anchor-sticky-text-color | _var(--van-red)_ | - |
|
||||
| --van-index-anchor-sticky-background-color | _var(--van-white)_ | - |
|
||||
|
@ -123,16 +123,16 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-index-bar-sidebar-z-index | `2` | - |
|
||||
| --van-index-bar-index-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-index-bar-index-line-height | `var(--van-line-height-xs)` | - |
|
||||
| --van-index-bar-index-active-color | `var(--van-red)` | - |
|
||||
| --van-index-anchor-z-index | `1` | - |
|
||||
| --van-index-anchor-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-index-anchor-text-color | `var(--van-text-color)` | - |
|
||||
| --van-index-anchor-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-index-anchor-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-index-anchor-line-height | `32px` | - |
|
||||
| --van-index-anchor-background-color | `transparent` | - |
|
||||
| --van-index-anchor-sticky-text-color | `var(--van-red)` | - |
|
||||
| --van-index-anchor-sticky-background-color | `var(--van-white)` | - |
|
||||
| --van-index-bar-sidebar-z-index | _2_ | - |
|
||||
| --van-index-bar-index-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-index-bar-index-line-height | _var(--van-line-height-xs)_ | - |
|
||||
| --van-index-bar-index-active-color | _var(--van-red)_ | - |
|
||||
| --van-index-anchor-z-index | _1_ | - |
|
||||
| --van-index-anchor-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-index-anchor-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-index-anchor-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-index-anchor-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-index-anchor-line-height | _32px_ | - |
|
||||
| --van-index-anchor-background-color | _transparent_ | - |
|
||||
| --van-index-anchor-sticky-text-color | _var(--van-red)_ | - |
|
||||
| --van-index-anchor-sticky-background-color | _var(--van-white)_ | - |
|
||||
|
@ -206,7 +206,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| ---------------------------- | ------------------------- | ----------- |
|
||||
| --van-list-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-list-text-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-list-text-line-height | `50px` | - |
|
||||
| --van-list-loading-icon-size | `16px` | - |
|
||||
| --van-list-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-list-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-list-text-line-height | _50px_ | - |
|
||||
| --van-list-loading-icon-size | _16px_ | - |
|
||||
|
@ -221,10 +221,10 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ---------------------------- | ------------------------- | ---- |
|
||||
| --van-list-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-list-text-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-list-text-line-height | `50px` | - |
|
||||
| --van-list-loading-icon-size | `16px` | - |
|
||||
| --van-list-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-list-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-list-text-line-height | _50px_ | - |
|
||||
| --van-list-loading-icon-size | _16px_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -91,8 +91,8 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-loading-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-loading-text-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-loading-spinner-color | `var(--van-gary-5)` | - |
|
||||
| --van-loading-spinner-size | `30px` | - |
|
||||
| --van-loading-spinner-animation-duration | `0.8s` | - |
|
||||
| --van-loading-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-loading-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-loading-spinner-color | _var(--van-gary-5)_ | - |
|
||||
| --van-loading-spinner-size | _30px_ | - |
|
||||
| --van-loading-spinner-animation-duration | _0.8s_ | - |
|
||||
|
@ -101,8 +101,8 @@ app.use(Loading);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ---------------------------------------- | ------------------------- | ---- |
|
||||
| --van-loading-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-loading-text-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-loading-spinner-color | `var(--van-gary-5)` | - |
|
||||
| --van-loading-spinner-size | `30px` | - |
|
||||
| --van-loading-spinner-animation-duration | `0.8s` | - |
|
||||
| --van-loading-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-loading-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-loading-spinner-color | _var(--van-gary-5)_ | - |
|
||||
| --van-loading-spinner-size | _30px_ | - |
|
||||
| --van-loading-spinner-animation-duration | _0.8s_ | - |
|
||||
|
@ -93,11 +93,11 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| ------------------------------ | ------------------------- | ----------- |
|
||||
| --van-nav-bar-height | `46px` | - |
|
||||
| --van-nav-bar-background-color | `var(--van-white)` | - |
|
||||
| --van-nav-bar-arrow-size | `16px` | - |
|
||||
| --van-nav-bar-icon-color | `var(--van-blue)` | - |
|
||||
| --van-nav-bar-text-color | `var(--van-blue)` | - |
|
||||
| --van-nav-bar-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-nav-bar-title-text-color | `var(--van-text-color)` | - |
|
||||
| --van-nav-bar-z-index | `1` | - |
|
||||
| --van-nav-bar-height | _46px_ | - |
|
||||
| --van-nav-bar-background-color | _var(--van-white)_ | - |
|
||||
| --van-nav-bar-arrow-size | _16px_ | - |
|
||||
| --van-nav-bar-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-nav-bar-text-color | _var(--van-blue)_ | - |
|
||||
| --van-nav-bar-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-nav-bar-title-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-nav-bar-z-index | _1_ | - |
|
||||
|
@ -95,11 +95,11 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------ | ------------------------- | ---- |
|
||||
| --van-nav-bar-height | `46px` | - |
|
||||
| --van-nav-bar-background-color | `var(--van-white)` | - |
|
||||
| --van-nav-bar-arrow-size | `16px` | - |
|
||||
| --van-nav-bar-icon-color | `var(--van-blue)` | - |
|
||||
| --van-nav-bar-text-color | `var(--van-blue)` | - |
|
||||
| --van-nav-bar-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-nav-bar-title-text-color | `var(--van-text-color)` | - |
|
||||
| --van-nav-bar-z-index | `1` | - |
|
||||
| --van-nav-bar-height | _46px_ | - |
|
||||
| --van-nav-bar-background-color | _var(--van-white)_ | - |
|
||||
| --van-nav-bar-arrow-size | _16px_ | - |
|
||||
| --van-nav-bar-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-nav-bar-text-color | _var(--van-blue)_ | - |
|
||||
| --van-nav-bar-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-nav-bar-title-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-nav-bar-z-index | _1_ | - |
|
||||
|
@ -121,12 +121,12 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-notice-bar-height | `40px` | - |
|
||||
| --van-notice-bar-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-notice-bar-wrapable-padding | `var(--van-padding-xs) var(--van-padding-md)` | - |
|
||||
| --van-notice-bar-text-color | `var(--van-orange-dark)` | - |
|
||||
| --van-notice-bar-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-notice-bar-line-height | `24px` | - |
|
||||
| --van-notice-bar-background-color | `var(--van-orange-light)` | - |
|
||||
| --van-notice-bar-icon-size | `16px` | - |
|
||||
| --van-notice-bar-icon-min-width | `24px` | - |
|
||||
| --van-notice-bar-height | _40px_ | - |
|
||||
| --van-notice-bar-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-notice-bar-wrapable-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
|
||||
| --van-notice-bar-text-color | _var(--van-orange-dark)_ | - |
|
||||
| --van-notice-bar-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-notice-bar-line-height | _24px_ | - |
|
||||
| --van-notice-bar-background-color | _var(--van-orange-light)_ | - |
|
||||
| --van-notice-bar-icon-size | _16px_ | - |
|
||||
| --van-notice-bar-icon-min-width | _24px_ | - |
|
||||
|
@ -142,12 +142,12 @@ app.use(NoticeBar);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-notice-bar-height | `40px` | - |
|
||||
| --van-notice-bar-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-notice-bar-wrapable-padding | `var(--van-padding-xs) var(--van-padding-md)` | - |
|
||||
| --van-notice-bar-text-color | `var(--van-orange-dark)` | - |
|
||||
| --van-notice-bar-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-notice-bar-line-height | `24px` | - |
|
||||
| --van-notice-bar-background-color | `var(--van-orange-light)` | - |
|
||||
| --van-notice-bar-icon-size | `16px` | - |
|
||||
| --van-notice-bar-icon-min-width | `24px` | - |
|
||||
| --van-notice-bar-height | _40px_ | - |
|
||||
| --van-notice-bar-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-notice-bar-wrapable-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
|
||||
| --van-notice-bar-text-color | _var(--van-orange-dark)_ | - |
|
||||
| --van-notice-bar-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-notice-bar-line-height | _24px_ | - |
|
||||
| --van-notice-bar-background-color | _var(--van-orange-light)_ | - |
|
||||
| --van-notice-bar-icon-size | _16px_ | - |
|
||||
| --van-notice-bar-icon-min-width | _24px_ | - |
|
||||
|
@ -124,11 +124,11 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-notify-text-color | `var(--van-white)` | - |
|
||||
| --van-notify-padding | `var(--van-padding-xs) var(--van-padding-md)` | - |
|
||||
| --van-notify-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-notify-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-notify-primary-background-color | `var(--van-blue)` | - |
|
||||
| --van-notify-success-background-color | `var(--van-green)` | - |
|
||||
| --van-notify-danger-background-color | `var(--van-red)` | - |
|
||||
| --van-notify-warning-background-color | `var(--van-orange)` | - |
|
||||
| --van-notify-text-color | _var(--van-white)_ | - |
|
||||
| --van-notify-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
|
||||
| --van-notify-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-notify-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-notify-primary-background-color | _var(--van-blue)_ | - |
|
||||
| --van-notify-success-background-color | _var(--van-green)_ | - |
|
||||
| --van-notify-danger-background-color | _var(--van-red)_ | - |
|
||||
| --van-notify-warning-background-color | _var(--van-orange)_ | - |
|
||||
|
@ -157,11 +157,11 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-notify-text-color | `var(--van-white)` | - |
|
||||
| --van-notify-padding | `var(--van-padding-xs) var(--van-padding-md)` | - |
|
||||
| --van-notify-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-notify-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-notify-primary-background-color | `var(--van-blue)` | - |
|
||||
| --van-notify-success-background-color | `var(--van-green)` | - |
|
||||
| --van-notify-danger-background-color | `var(--van-red)` | - |
|
||||
| --van-notify-warning-background-color | `var(--van-orange)` | - |
|
||||
| --van-notify-text-color | _var(--van-white)_ | - |
|
||||
| --van-notify-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
|
||||
| --van-notify-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-notify-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-notify-primary-background-color | _var(--van-blue)_ | - |
|
||||
| --van-notify-success-background-color | _var(--van-green)_ | - |
|
||||
| --van-notify-danger-background-color | _var(--van-red)_ | - |
|
||||
| --van-notify-warning-background-color | _var(--van-orange)_ | - |
|
||||
|
@ -210,17 +210,17 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-number-keyboard-background-color | `var(--van-gary-2)` | - |
|
||||
| --van-number-keyboard-key-height | `48px` | - |
|
||||
| --van-number-keyboard-key-font-size | `28px` | - |
|
||||
| --van-number-keyboard-key-active-color | `var(--van-gary-3)` | - |
|
||||
| --van-number-keyboard-delete-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-number-keyboard-title-color | `var(--van-gary-7)` | - |
|
||||
| --van-number-keyboard-title-height | `34px` | - |
|
||||
| --van-number-keyboard-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-number-keyboard-close-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-number-keyboard-close-color | `var(--van-text-link-color)` | - |
|
||||
| --van-number-keyboard-close-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-number-keyboard-button-text-color | `var(--van-white)` | - |
|
||||
| --van-number-keyboard-button-background-color | `var(--van-blue)` | - |
|
||||
| --van-number-keyboard-z-index | `100` | - |
|
||||
| --van-number-keyboard-background-color | _var(--van-gary-2)_ | - |
|
||||
| --van-number-keyboard-key-height | _48px_ | - |
|
||||
| --van-number-keyboard-key-font-size | _28px_ | - |
|
||||
| --van-number-keyboard-key-active-color | _var(--van-gary-3)_ | - |
|
||||
| --van-number-keyboard-delete-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-number-keyboard-title-color | _var(--van-gary-7)_ | - |
|
||||
| --van-number-keyboard-title-height | _34px_ | - |
|
||||
| --van-number-keyboard-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-number-keyboard-close-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-number-keyboard-close-color | _var(--van-text-link-color)_ | - |
|
||||
| --van-number-keyboard-close-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-number-keyboard-button-text-color | _var(--van-white)_ | - |
|
||||
| --van-number-keyboard-button-background-color | _var(--van-blue)_ | - |
|
||||
| --van-number-keyboard-z-index | _100_ | - |
|
||||
|
@ -217,20 +217,20 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-number-keyboard-background-color | `var(--van-gary-2)` | - |
|
||||
| --van-number-keyboard-key-height | `48px` | - |
|
||||
| --van-number-keyboard-key-font-size | `28px` | - |
|
||||
| --van-number-keyboard-key-active-color | `var(--van-gary-3)` | - |
|
||||
| --van-number-keyboard-delete-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-number-keyboard-title-color | `var(--van-gary-7)` | - |
|
||||
| --van-number-keyboard-title-height | `34px` | - |
|
||||
| --van-number-keyboard-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-number-keyboard-close-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-number-keyboard-close-color | `var(--van-text-link-color)` | - |
|
||||
| --van-number-keyboard-close-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-number-keyboard-button-text-color | `var(--van-white)` | - |
|
||||
| --van-number-keyboard-button-background-color | `var(--van-blue)` | - |
|
||||
| --van-number-keyboard-z-index | `100` | - |
|
||||
| --van-number-keyboard-background-color | _var(--van-gary-2)_ | - |
|
||||
| --van-number-keyboard-key-height | _48px_ | - |
|
||||
| --van-number-keyboard-key-font-size | _28px_ | - |
|
||||
| --van-number-keyboard-key-active-color | _var(--van-gary-3)_ | - |
|
||||
| --van-number-keyboard-delete-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-number-keyboard-title-color | _var(--van-gary-7)_ | - |
|
||||
| --van-number-keyboard-title-height | _34px_ | - |
|
||||
| --van-number-keyboard-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-number-keyboard-close-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-number-keyboard-close-color | _var(--van-text-link-color)_ | - |
|
||||
| --van-number-keyboard-close-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-number-keyboard-button-text-color | _var(--van-white)_ | - |
|
||||
| --van-number-keyboard-button-background-color | _var(--van-blue)_ | - |
|
||||
| --van-number-keyboard-z-index | _100_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -92,5 +92,5 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| ------------------------------ | -------------------- | ----------- |
|
||||
| --van-overlay-z-index | `1` | - |
|
||||
| --van-overlay-background-color | `rgba(0, 0, 0, 0.7)` | - |
|
||||
| --van-overlay-z-index | _1_ | - |
|
||||
| --van-overlay-background-color | _rgba(0, 0, 0, 0.7)_ | - |
|
||||
|
@ -94,5 +94,5 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------ | -------------------- | ---- |
|
||||
| --van-overlay-z-index | `1` | - |
|
||||
| --van-overlay-background-color | `rgba(0, 0, 0, 0.7)` | - |
|
||||
| --van-overlay-z-index | _1_ | - |
|
||||
| --van-overlay-background-color | _rgba(0, 0, 0, 0.7)_ | - |
|
||||
|
@ -102,12 +102,12 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-pagination-height | `40px` | - |
|
||||
| --van-pagination-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-pagination-item-width | `36px` | - |
|
||||
| --van-pagination-item-default-color | `var(--van-blue)` | - |
|
||||
| --van-pagination-item-disabled-color | `var(--van-gary-7)` | - |
|
||||
| --van-pagination-item-disabled-background-color | `var(--van-background-color)` | - |
|
||||
| --van-pagination-background-color | `var(--van-white)` | - |
|
||||
| --van-pagination-desc-color | `var(--van-gary-7)` | - |
|
||||
| --van-pagination-disabled-opacity | `var(--van-disabled-opacity)` | - |
|
||||
| --van-pagination-height | _40px_ | - |
|
||||
| --van-pagination-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-pagination-item-width | _36px_ | - |
|
||||
| --van-pagination-item-default-color | _var(--van-blue)_ | - |
|
||||
| --van-pagination-item-disabled-color | _var(--van-gary-7)_ | - |
|
||||
| --van-pagination-item-disabled-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-pagination-background-color | _var(--van-white)_ | - |
|
||||
| --van-pagination-desc-color | _var(--van-gary-7)_ | - |
|
||||
| --van-pagination-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
|
@ -110,12 +110,12 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-pagination-height | `40px` | - |
|
||||
| --van-pagination-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-pagination-item-width | `36px` | - |
|
||||
| --van-pagination-item-default-color | `var(--van-blue)` | - |
|
||||
| --van-pagination-item-disabled-color | `var(--van-gary-7)` | - |
|
||||
| --van-pagination-item-disabled-background-color | `var(--van-background-color)` | - |
|
||||
| --van-pagination-background-color | `var(--van-white)` | - |
|
||||
| --van-pagination-desc-color | `var(--van-gary-7)` | - |
|
||||
| --van-pagination-disabled-opacity | `var(--van-disabled-opacity)` | - |
|
||||
| --van-pagination-height | _40px_ | - |
|
||||
| --van-pagination-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-pagination-item-width | _36px_ | - |
|
||||
| --van-pagination-item-default-color | _var(--van-blue)_ | - |
|
||||
| --van-pagination-item-disabled-color | _var(--van-gary-7)_ | - |
|
||||
| --van-pagination-item-disabled-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-pagination-background-color | _var(--van-white)_ | - |
|
||||
| --van-pagination-desc-color | _var(--van-gary-7)_ | - |
|
||||
| --van-pagination-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
|
@ -154,17 +154,17 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-password-input-height | `50px` | - |
|
||||
| --van-password-input-margin | `0 var(--van-padding-md)` | - |
|
||||
| --van-password-input-font-size | `20px` | - |
|
||||
| --van-password-input-border-radius | `6px` | - |
|
||||
| --van-password-input-background-color | `var(--van-white)` | - |
|
||||
| --van-password-input-info-color | `var(--van-gary-6)` | - |
|
||||
| --van-password-input-info-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-password-input-error-info-color | `var(--van-red)` | - |
|
||||
| --van-password-input-dot-size | `10px` | - |
|
||||
| --van-password-input-dot-color | `var(--van-black)` | - |
|
||||
| --van-password-input-cursor-color | `var(--van-text-color)` | - |
|
||||
| --van-password-input-cursor-width | `1px` | - |
|
||||
| --van-password-input-cursor-height | `40%` | - |
|
||||
| --van-password-input-cursor-animation-duration | `1s` | - |
|
||||
| --van-password-input-height | _50px_ | - |
|
||||
| --van-password-input-margin | _0 var(--van-padding-md)_ | - |
|
||||
| --van-password-input-font-size | _20px_ | - |
|
||||
| --van-password-input-border-radius | _6px_ | - |
|
||||
| --van-password-input-background-color | _var(--van-white)_ | - |
|
||||
| --van-password-input-info-color | _var(--van-gary-6)_ | - |
|
||||
| --van-password-input-info-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-password-input-error-info-color | _var(--van-red)_ | - |
|
||||
| --van-password-input-dot-size | _10px_ | - |
|
||||
| --van-password-input-dot-color | _var(--van-black)_ | - |
|
||||
| --van-password-input-cursor-color | _var(--van-text-color)_ | - |
|
||||
| --van-password-input-cursor-width | _1px_ | - |
|
||||
| --van-password-input-cursor-height | _40%_ | - |
|
||||
| --van-password-input-cursor-animation-duration | _1s_ | - |
|
||||
|
@ -164,17 +164,17 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-password-input-height | `50px` | - |
|
||||
| --van-password-input-margin | `0 var(--van-padding-md)` | - |
|
||||
| --van-password-input-font-size | `20px` | - |
|
||||
| --van-password-input-border-radius | `6px` | - |
|
||||
| --van-password-input-background-color | `var(--van-white)` | - |
|
||||
| --van-password-input-info-color | `var(--van-gary-6)` | - |
|
||||
| --van-password-input-info-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-password-input-error-info-color | `var(--van-red)` | - |
|
||||
| --van-password-input-dot-size | `10px` | - |
|
||||
| --van-password-input-dot-color | `var(--van-black)` | - |
|
||||
| --van-password-input-cursor-color | `var(--van-text-color)` | - |
|
||||
| --van-password-input-cursor-width | `1px` | - |
|
||||
| --van-password-input-cursor-height | `40%` | - |
|
||||
| --van-password-input-cursor-animation-duration | `1s` | - |
|
||||
| --van-password-input-height | _50px_ | - |
|
||||
| --van-password-input-margin | _0 var(--van-padding-md)_ | - |
|
||||
| --van-password-input-font-size | _20px_ | - |
|
||||
| --van-password-input-border-radius | _6px_ | - |
|
||||
| --van-password-input-background-color | _var(--van-white)_ | - |
|
||||
| --van-password-input-info-color | _var(--van-gary-6)_ | - |
|
||||
| --van-password-input-info-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-password-input-error-info-color | _var(--van-red)_ | - |
|
||||
| --van-password-input-dot-size | _10px_ | - |
|
||||
| --van-password-input-dot-color | _var(--van-black)_ | - |
|
||||
| --van-password-input-cursor-color | _var(--van-text-color)_ | - |
|
||||
| --van-password-input-cursor-width | _1px_ | - |
|
||||
| --van-password-input-cursor-height | _40%_ | - |
|
||||
| --van-password-input-cursor-animation-duration | _1s_ | - |
|
||||
|
@ -389,16 +389,16 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-picker-background-color | `var(--van-white)` | - |
|
||||
| --van-picker-toolbar-height | `44px` | - |
|
||||
| --van-picker-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-picker-title-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-picker-action-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-picker-action-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-picker-confirm-action-color | `var(--van-text-link-color)` | - |
|
||||
| --van-picker-cancel-action-color | `var(--van-gary-6)` | - |
|
||||
| --van-picker-option-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-picker-option-text-color | `var(--van-black)` | - |
|
||||
| --van-picker-option-disabled-opacity | `0.3` | - |
|
||||
| --van-picker-loading-icon-color | `var(--van-blue)` | - |
|
||||
| --van-picker-loading-mask-color | `rgba(255, 255, 255, 0.9)` | - |
|
||||
| --van-picker-background-color | _var(--van-white)_ | - |
|
||||
| --van-picker-toolbar-height | _44px_ | - |
|
||||
| --van-picker-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-picker-title-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-picker-action-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-picker-action-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-picker-confirm-action-color | _var(--van-text-link-color)_ | - |
|
||||
| --van-picker-cancel-action-color | _var(--van-gary-6)_ | - |
|
||||
| --van-picker-option-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-picker-option-text-color | _var(--van-black)_ | - |
|
||||
| --van-picker-option-disabled-opacity | _0.3_ | - |
|
||||
| --van-picker-loading-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-picker-loading-mask-color | _rgba(255, 255, 255, 0.9)_ | - |
|
||||
|
@ -414,19 +414,19 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------ | ---------------------------- | ---- |
|
||||
| --van-picker-background-color | `var(--van-white)` | - |
|
||||
| --van-picker-toolbar-height | `44px` | - |
|
||||
| --van-picker-title-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-picker-title-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-picker-action-padding | `0 var(--van-padding-md)` | - |
|
||||
| --van-picker-action-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-picker-confirm-action-color | `var(--van-text-link-color)` | - |
|
||||
| --van-picker-cancel-action-color | `var(--van-gary-6)` | - |
|
||||
| --van-picker-option-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-picker-option-text-color | `var(--van-black)` | - |
|
||||
| --van-picker-option-disabled-opacity | `0.3` | - |
|
||||
| --van-picker-loading-icon-color | `var(--van-blue)` | - |
|
||||
| --van-picker-loading-mask-color | `rgba(255, 255, 255, 0.9)` | - |
|
||||
| --van-picker-background-color | _var(--van-white)_ | - |
|
||||
| --van-picker-toolbar-height | _44px_ | - |
|
||||
| --van-picker-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-picker-title-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-picker-action-padding | _0 var(--van-padding-md)_ | - |
|
||||
| --van-picker-action-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-picker-confirm-action-color | _var(--van-text-link-color)_ | - |
|
||||
| --van-picker-cancel-action-color | _var(--van-gary-6)_ | - |
|
||||
| --van-picker-option-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-picker-option-text-color | _var(--van-black)_ | - |
|
||||
| --van-picker-option-disabled-opacity | _0.3_ | - |
|
||||
| --van-picker-loading-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-picker-loading-mask-color | _rgba(255, 255, 255, 0.9)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -260,16 +260,16 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-popover-arrow-size | `6px` | - |
|
||||
| --van-popover-border-radius | `var(--van-border-radius-lg)` | - |
|
||||
| --van-popover-action-width | `128px` | - |
|
||||
| --van-popover-action-height | `44px` | - |
|
||||
| --van-popover-action-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-popover-action-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-popover-action-icon-size | `20px` | - |
|
||||
| --van-popover-light-text-color | `var(--van-text-color)` | - |
|
||||
| --van-popover-light-background-color | `var(--van-white)` | - |
|
||||
| --van-popover-light-action-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-popover-dark-text-color | `var(--van-white)` | - |
|
||||
| --van-popover-dark-background-color | `#4a4a4a` | - |
|
||||
| --van-popover-dark-action-disabled-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-popover-arrow-size | _6px_ | - |
|
||||
| --van-popover-border-radius | _var(--van-border-radius-lg)_ | - |
|
||||
| --van-popover-action-width | _128px_ | - |
|
||||
| --van-popover-action-height | _44px_ | - |
|
||||
| --van-popover-action-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-popover-action-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-popover-action-icon-size | _20px_ | - |
|
||||
| --van-popover-light-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-popover-light-background-color | _var(--van-white)_ | - |
|
||||
| --van-popover-light-action-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-popover-dark-text-color | _var(--van-white)_ | - |
|
||||
| --van-popover-dark-background-color | _#4a4a4a_ | - |
|
||||
| --van-popover-dark-action-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
|
@ -272,19 +272,19 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-popover-arrow-size | `6px` | - |
|
||||
| --van-popover-border-radius | `var(--van-border-radius-lg)` | - |
|
||||
| --van-popover-action-width | `128px` | - |
|
||||
| --van-popover-action-height | `44px` | - |
|
||||
| --van-popover-action-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-popover-action-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-popover-action-icon-size | `20px` | - |
|
||||
| --van-popover-light-text-color | `var(--van-text-color)` | - |
|
||||
| --van-popover-light-background-color | `var(--van-white)` | - |
|
||||
| --van-popover-light-action-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-popover-dark-text-color | `var(--van-white)` | - |
|
||||
| --van-popover-dark-background-color | `#4a4a4a` | - |
|
||||
| --van-popover-dark-action-disabled-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-popover-arrow-size | _6px_ | - |
|
||||
| --van-popover-border-radius | _var(--van-border-radius-lg)_ | - |
|
||||
| --van-popover-action-width | _128px_ | - |
|
||||
| --van-popover-action-height | _44px_ | - |
|
||||
| --van-popover-action-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-popover-action-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-popover-action-icon-size | _20px_ | - |
|
||||
| --van-popover-light-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-popover-light-background-color | _var(--van-white)_ | - |
|
||||
| --van-popover-light-action-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-popover-dark-text-color | _var(--van-white)_ | - |
|
||||
| --van-popover-dark-background-color | _#4a4a4a_ | - |
|
||||
| --van-popover-dark-action-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -167,11 +167,11 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-popup-background-color | `var(--van-white)` | - |
|
||||
| --van-popup-transition | `transform var(--van-animation-duration-base)` | - |
|
||||
| --van-popup-round-border-radius | `16px` | - |
|
||||
| --van-popup-close-icon-size | `22px` | - |
|
||||
| --van-popup-close-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-popup-close-icon-active-color | `var(--van-gary-6)` | - |
|
||||
| --van-popup-close-icon-margin | `16px` | - |
|
||||
| --van-popup-close-icon-z-index | `1` | - |
|
||||
| --van-popup-background-color | _var(--van-white)_ | - |
|
||||
| --van-popup-transition | _transform var(--van-animation-duration-base)_ | - |
|
||||
| --van-popup-round-border-radius | _16px_ | - |
|
||||
| --van-popup-close-icon-size | _22px_ | - |
|
||||
| --van-popup-close-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-popup-close-icon-active-color | _var(--van-gary-6)_ | - |
|
||||
| --van-popup-close-icon-margin | _16px_ | - |
|
||||
| --van-popup-close-icon-z-index | _1_ | - |
|
||||
|
@ -171,11 +171,11 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-popup-background-color | `var(--van-white)` | - |
|
||||
| --van-popup-transition | `transform var(--van-animation-duration-base)` | - |
|
||||
| --van-popup-round-border-radius | `16px` | - |
|
||||
| --van-popup-close-icon-size | `22px` | - |
|
||||
| --van-popup-close-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-popup-close-icon-active-color | `var(--van-gary-6)` | - |
|
||||
| --van-popup-close-icon-margin | `16px` | - |
|
||||
| --van-popup-close-icon-z-index | `1` | - |
|
||||
| --van-popup-background-color | _var(--van-white)_ | - |
|
||||
| --van-popup-transition | _transform var(--van-animation-duration-base)_ | - |
|
||||
| --van-popup-round-border-radius | _16px_ | - |
|
||||
| --van-popup-close-icon-size | _22px_ | - |
|
||||
| --van-popup-close-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-popup-close-icon-active-color | _var(--van-gary-6)_ | - |
|
||||
| --van-popup-close-icon-margin | _16px_ | - |
|
||||
| --van-popup-close-icon-z-index | _1_ | - |
|
||||
|
@ -83,11 +83,11 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-progress-height | `4px` | - |
|
||||
| --van-progress-color | `var(--van-blue)` | - |
|
||||
| --van-progress-background-color | `var(--van-gary-3)` | - |
|
||||
| --van-progress-pivot-padding | `0 5px` | - |
|
||||
| --van-progress-pivot-text-color | `var(--van-white)` | - |
|
||||
| --van-progress-pivot-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-progress-pivot-line-height | `1.6` | - |
|
||||
| --van-progress-pivot-background-color | `var(--van-blue)` | - |
|
||||
| --van-progress-height | _4px_ | - |
|
||||
| --van-progress-color | _var(--van-blue)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-progress-pivot-padding | _0 5px_ | - |
|
||||
| --van-progress-pivot-text-color | _var(--van-white)_ | - |
|
||||
| --van-progress-pivot-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-progress-pivot-line-height | _1.6_ | - |
|
||||
| --van-progress-pivot-background-color | _var(--van-blue)_ | - |
|
||||
|
@ -87,14 +87,14 @@ app.use(Progress);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | ------------------------- | ---- |
|
||||
| --van-progress-height | `4px` | - |
|
||||
| --van-progress-color | `var(--van-blue)` | - |
|
||||
| --van-progress-background-color | `var(--van-gary-3)` | - |
|
||||
| --van-progress-pivot-padding | `0 5px` | - |
|
||||
| --van-progress-pivot-text-color | `var(--van-white)` | - |
|
||||
| --van-progress-pivot-font-size | `var(--van-font-size-xs)` | - |
|
||||
| --van-progress-pivot-line-height | `1.6` | - |
|
||||
| --van-progress-pivot-background-color | `var(--van-blue)` | - |
|
||||
| --van-progress-height | _4px_ | - |
|
||||
| --van-progress-color | _var(--van-blue)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-progress-pivot-padding | _0 5px_ | - |
|
||||
| --van-progress-pivot-text-color | _var(--van-white)_ | - |
|
||||
| --van-progress-pivot-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-progress-pivot-line-height | _1.6_ | - |
|
||||
| --van-progress-pivot-background-color | _var(--van-blue)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -142,7 +142,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-pull-refresh-head-height | `50px` | - |
|
||||
| --van-pull-refresh-head-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-pull-refresh-head-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-pull-refresh-loading-icon-size | `16px` | - |
|
||||
| --van-pull-refresh-head-height | _50px_ | - |
|
||||
| --van-pull-refresh-head-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-pull-refresh-head-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-pull-refresh-loading-icon-size | _16px_ | - |
|
||||
|
@ -145,10 +145,10 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------ | ------------------------- | ---- |
|
||||
| --van-pull-refresh-head-height | `50px` | - |
|
||||
| --van-pull-refresh-head-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-pull-refresh-head-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-pull-refresh-loading-icon-size | `16px` | - |
|
||||
| --van-pull-refresh-head-height | _50px_ | - |
|
||||
| --van-pull-refresh-head-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-pull-refresh-head-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-pull-refresh-loading-icon-size | _16px_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -205,12 +205,12 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-radio-size | `20px` | - |
|
||||
| --van-radio-border-color | `var(--van-gary-5)` | - |
|
||||
| --van-radio-transition-duration | `var(--van-animation-duration-fast)` | - |
|
||||
| --van-radio-label-margin | `var(--van-padding-xs)` | - |
|
||||
| --van-radio-label-color | `var(--van-text-color)` | - |
|
||||
| --van-radio-checked-icon-color | `var(--van-blue)` | - |
|
||||
| --van-radio-disabled-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-radio-disabled-label-color | `var(--van-gary-5)` | - |
|
||||
| --van-radio-disabled-background-color | `var(--van-border-color)` | - |
|
||||
| --van-radio-size | _20px_ | - |
|
||||
| --van-radio-border-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-transition-duration | _var(--van-animation-duration-fast)_ | - |
|
||||
| --van-radio-label-margin | _var(--van-padding-xs)_ | - |
|
||||
| --van-radio-label-color | _var(--van-text-color)_ | - |
|
||||
| --van-radio-checked-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-radio-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-disabled-label-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-disabled-background-color | _var(--van-border-color)_ | - |
|
||||
|
@ -219,12 +219,12 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-radio-size | `20px` | - |
|
||||
| --van-radio-border-color | `var(--van-gary-5)` | - |
|
||||
| --van-radio-transition-duration | `var(--van-animation-duration-fast)` | - |
|
||||
| --van-radio-label-margin | `var(--van-padding-xs)` | - |
|
||||
| --van-radio-label-color | `var(--van-text-color)` | - |
|
||||
| --van-radio-checked-icon-color | `var(--van-blue)` | - |
|
||||
| --van-radio-disabled-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-radio-disabled-label-color | `var(--van-gary-5)` | - |
|
||||
| --van-radio-disabled-background-color | `var(--van-border-color)` | - |
|
||||
| --van-radio-size | _20px_ | - |
|
||||
| --van-radio-border-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-transition-duration | _var(--van-animation-duration-fast)_ | - |
|
||||
| --van-radio-label-margin | _var(--van-padding-xs)_ | - |
|
||||
| --van-radio-label-color | _var(--van-text-color)_ | - |
|
||||
| --van-radio-checked-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-radio-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-disabled-label-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-disabled-background-color | _var(--van-border-color)_ | - |
|
||||
|
@ -160,8 +160,8 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| ------------------------------ | ------------------------- | ----------- |
|
||||
| --van-rate-icon-size | `20px` | - |
|
||||
| --van-rate-icon-gutter | `var(--van-padding-base)` | - |
|
||||
| --van-rate-icon-void-color | `var(--van-gary-5)` | - |
|
||||
| --van-rate-icon-full-color | `var(--van-red)` | - |
|
||||
| --van-rate-icon-disabled-color | `var(--van-gary-5)` | - |
|
||||
| --van-rate-icon-size | _20px_ | - |
|
||||
| --van-rate-icon-gutter | _var(--van-padding-base)_ | - |
|
||||
| --van-rate-icon-void-color | _var(--van-gary-5)_ | - |
|
||||
| --van-rate-icon-full-color | _var(--van-red)_ | - |
|
||||
| --van-rate-icon-disabled-color | _var(--van-gary-5)_ | - |
|
||||
|
@ -178,8 +178,8 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------ | ------------------------- | ---- |
|
||||
| --van-rate-icon-size | `20px` | - |
|
||||
| --van-rate-icon-gutter | `var(--van-padding-base)` | - |
|
||||
| --van-rate-icon-void-color | `var(--van-gary-5)` | - |
|
||||
| --van-rate-icon-full-color | `var(--van-red)` | - |
|
||||
| --van-rate-icon-disabled-color | `var(--van-gary-5)` | - |
|
||||
| --van-rate-icon-size | _20px_ | - |
|
||||
| --van-rate-icon-gutter | _var(--van-padding-base)_ | - |
|
||||
| --van-rate-icon-void-color | _var(--van-gary-5)_ | - |
|
||||
| --van-rate-icon-full-color | _var(--van-red)_ | - |
|
||||
| --van-rate-icon-disabled-color | _var(--van-gary-5)_ | - |
|
||||
|
@ -175,14 +175,14 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-search-padding | `10px var(--van-padding-sm)` | - |
|
||||
| --van-search-background-color | `var(--van-white)` | - |
|
||||
| --van-search-content-background-color | `var(--van-gary-1)` | - |
|
||||
| --van-search-input-height | `34px` | - |
|
||||
| --van-search-label-padding | `0 5px` | - |
|
||||
| --van-search-label-color | `var(--van-text-color)` | - |
|
||||
| --van-search-label-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-search-left-icon-color | `var(--van-gary-6)` | - |
|
||||
| --van-search-action-padding | `0 var(--van-padding-xs)` | - |
|
||||
| --van-search-action-text-color | `var(--van-text-color)` | - |
|
||||
| --van-search-action-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-search-padding | _10px var(--van-padding-sm)_ | - |
|
||||
| --van-search-background-color | _var(--van-white)_ | - |
|
||||
| --van-search-content-background-color | _var(--van-gary-1)_ | - |
|
||||
| --van-search-input-height | _34px_ | - |
|
||||
| --van-search-label-padding | _0 5px_ | - |
|
||||
| --van-search-label-color | _var(--van-text-color)_ | - |
|
||||
| --van-search-label-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-search-left-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-search-action-padding | _0 var(--van-padding-xs)_ | - |
|
||||
| --van-search-action-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-search-action-font-size | _var(--van-font-size-md)_ | - |
|
||||
|
@ -187,17 +187,17 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | ---------------------------- | ---- |
|
||||
| --van-search-padding | `10px var(--van-padding-sm)` | - |
|
||||
| --van-search-background-color | `var(--van-white)` | - |
|
||||
| --van-search-content-background-color | `var(--van-gary-1)` | - |
|
||||
| --van-search-input-height | `34px` | - |
|
||||
| --van-search-label-padding | `0 5px` | - |
|
||||
| --van-search-label-color | `var(--van-text-color)` | - |
|
||||
| --van-search-label-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-search-left-icon-color | `var(--van-gary-6)` | - |
|
||||
| --van-search-action-padding | `0 var(--van-padding-xs)` | - |
|
||||
| --van-search-action-text-color | `var(--van-text-color)` | - |
|
||||
| --van-search-action-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-search-padding | _10px var(--van-padding-sm)_ | - |
|
||||
| --van-search-background-color | _var(--van-white)_ | - |
|
||||
| --van-search-content-background-color | _var(--van-gary-1)_ | - |
|
||||
| --van-search-input-height | _34px_ | - |
|
||||
| --van-search-label-padding | _0 5px_ | - |
|
||||
| --van-search-label-color | _var(--van-text-color)_ | - |
|
||||
| --van-search-label-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-search-left-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-search-action-padding | _0 var(--van-padding-xs)_ | - |
|
||||
| --van-search-action-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-search-action-font-size | _var(--van-font-size-md)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -219,18 +219,18 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-share-sheet-header-padding | `var(--van-padding-sm) var(--van-padding-md) var(--van-padding-base)` | - |
|
||||
| --van-share-sheet-title-color | `var(--van-text-color)` | - |
|
||||
| --van-share-sheet-title-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-share-sheet-title-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-share-sheet-description-color | `var(--van-gary-6)` | - |
|
||||
| --van-share-sheet-description-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-share-sheet-description-line-height | `16px` | - |
|
||||
| --van-share-sheet-icon-size | `48px` | - |
|
||||
| --van-share-sheet-option-name-color | `var(--van-gary-7)` | - |
|
||||
| --van-share-sheet-option-name-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-share-sheet-option-description-color | `var(--van-gary-5)` | - |
|
||||
| --van-share-sheet-option-description-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-share-sheet-cancel-button-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-share-sheet-cancel-button-height | `48px` | - |
|
||||
| --van-share-sheet-cancel-button-background | `var(--van-white)` | - |
|
||||
| --van-share-sheet-header-padding | _var(--van-padding-sm) var(--van-padding-md) var(--van-padding-base)_ | - |
|
||||
| --van-share-sheet-title-color | _var(--van-text-color)_ | - |
|
||||
| --van-share-sheet-title-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-share-sheet-title-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-share-sheet-description-color | _var(--van-gary-6)_ | - |
|
||||
| --van-share-sheet-description-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-share-sheet-description-line-height | _16px_ | - |
|
||||
| --van-share-sheet-icon-size | _48px_ | - |
|
||||
| --van-share-sheet-option-name-color | _var(--van-gary-7)_ | - |
|
||||
| --van-share-sheet-option-name-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-share-sheet-option-description-color | _var(--van-gary-5)_ | - |
|
||||
| --van-share-sheet-option-description-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-share-sheet-cancel-button-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-share-sheet-cancel-button-height | _48px_ | - |
|
||||
| --van-share-sheet-cancel-button-background | _var(--van-white)_ | - |
|
||||
|
@ -233,21 +233,21 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-share-sheet-header-padding | `var(--van-padding-sm) var(--van-padding-md) var(--van-padding-base)` | - |
|
||||
| --van-share-sheet-title-color | `var(--van-text-color)` | - |
|
||||
| --van-share-sheet-title-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-share-sheet-title-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-share-sheet-description-color | `var(--van-gary-6)` | - |
|
||||
| --van-share-sheet-description-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-share-sheet-description-line-height | `16px` | - |
|
||||
| --van-share-sheet-icon-size | `48px` | - |
|
||||
| --van-share-sheet-option-name-color | `var(--van-gary-7)` | - |
|
||||
| --van-share-sheet-option-name-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-share-sheet-option-description-color | `var(--van-gary-5)` | - |
|
||||
| --van-share-sheet-option-description-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-share-sheet-cancel-button-font-size | `var(--van-font-size-lg)` | - |
|
||||
| --van-share-sheet-cancel-button-height | `48px` | - |
|
||||
| --van-share-sheet-cancel-button-background | `var(--van-white)` | - |
|
||||
| --van-share-sheet-header-padding | _var(--van-padding-sm) var(--van-padding-md) var(--van-padding-base)_ | - |
|
||||
| --van-share-sheet-title-color | _var(--van-text-color)_ | - |
|
||||
| --van-share-sheet-title-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-share-sheet-title-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-share-sheet-description-color | _var(--van-gary-6)_ | - |
|
||||
| --van-share-sheet-description-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-share-sheet-description-line-height | _16px_ | - |
|
||||
| --van-share-sheet-icon-size | _48px_ | - |
|
||||
| --van-share-sheet-option-name-color | _var(--van-gary-7)_ | - |
|
||||
| --van-share-sheet-option-name-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-share-sheet-option-description-color | _var(--van-gary-5)_ | - |
|
||||
| --van-share-sheet-option-description-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-share-sheet-cancel-button-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-share-sheet-cancel-button-height | _48px_ | - |
|
||||
| --van-share-sheet-cancel-button-background | _var(--van-white)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -130,17 +130,17 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-sidebar-width | `80px` | - |
|
||||
| --van-sidebar-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-sidebar-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-sidebar-text-color | `var(--van-text-color)` | - |
|
||||
| --van-sidebar-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-sidebar-padding | `20px var(--van-padding-sm)` | - |
|
||||
| --van-sidebar-active-color | `var(--van-active-color)` | - |
|
||||
| --van-sidebar-background-color | `var(--van-background-color)` | - |
|
||||
| --van-sidebar-selected-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-sidebar-selected-text-color | `var(--van-text-color)` | - |
|
||||
| --van-sidebar-selected-border-width | `4px` | - |
|
||||
| --van-sidebar-selected-border-height | `16px` | - |
|
||||
| --van-sidebar-selected-border-color | `var(--van-red)` | - |
|
||||
| --van-sidebar-selected-background-color | `var(--van-white)` | - |
|
||||
| --van-sidebar-width | _80px_ | - |
|
||||
| --van-sidebar-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-sidebar-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-sidebar-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-sidebar-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-sidebar-padding | _20px var(--van-padding-sm)_ | - |
|
||||
| --van-sidebar-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-sidebar-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-sidebar-selected-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-sidebar-selected-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-sidebar-selected-border-width | _4px_ | - |
|
||||
| --van-sidebar-selected-border-height | _16px_ | - |
|
||||
| --van-sidebar-selected-border-color | _var(--van-red)_ | - |
|
||||
| --van-sidebar-selected-background-color | _var(--van-white)_ | - |
|
||||
|
@ -138,17 +138,17 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-sidebar-width | `80px` | - |
|
||||
| --van-sidebar-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-sidebar-line-height | `var(--van-line-height-md)` | - |
|
||||
| --van-sidebar-text-color | `var(--van-text-color)` | - |
|
||||
| --van-sidebar-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-sidebar-padding | `20px var(--van-padding-sm)` | - |
|
||||
| --van-sidebar-active-color | `var(--van-active-color)` | - |
|
||||
| --van-sidebar-background-color | `var(--van-background-color)` | - |
|
||||
| --van-sidebar-selected-font-weight | `var(--van-font-weight-bold)` | - |
|
||||
| --van-sidebar-selected-text-color | `var(--van-text-color)` | - |
|
||||
| --van-sidebar-selected-border-width | `4px` | - |
|
||||
| --van-sidebar-selected-border-height | `16px` | - |
|
||||
| --van-sidebar-selected-border-color | `var(--van-red)` | - |
|
||||
| --van-sidebar-selected-background-color | `var(--van-white)` | - |
|
||||
| --van-sidebar-width | _80px_ | - |
|
||||
| --van-sidebar-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-sidebar-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-sidebar-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-sidebar-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-sidebar-padding | _20px var(--van-padding-sm)_ | - |
|
||||
| --van-sidebar-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-sidebar-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-sidebar-selected-font-weight | _var(--van-font-weight-bold)_ | - |
|
||||
| --van-sidebar-selected-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-sidebar-selected-border-width | _4px_ | - |
|
||||
| --van-sidebar-selected-border-height | _16px_ | - |
|
||||
| --van-sidebar-selected-border-color | _var(--van-red)_ | - |
|
||||
| --van-sidebar-selected-background-color | _var(--van-white)_ | - |
|
||||
|
@ -79,10 +79,10 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-skeleton-row-height | `16px` | - |
|
||||
| --van-skeleton-row-background-color | `var(--van-active-color)` | - |
|
||||
| --van-skeleton-row-margin-top | `var(--van-padding-sm)` | - |
|
||||
| --van-skeleton-title-width | `40%` | - |
|
||||
| --van-skeleton-avatar-size | `32px` | - |
|
||||
| --van-skeleton-avatar-background-color | `var(--van-active-color)` | - |
|
||||
| --van-skeleton-animation-duration | `1.2s` | - |
|
||||
| --van-skeleton-row-height | _16px_ | - |
|
||||
| --van-skeleton-row-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-skeleton-row-margin-top | _var(--van-padding-sm)_ | - |
|
||||
| --van-skeleton-title-width | _40%_ | - |
|
||||
| --van-skeleton-avatar-size | _32px_ | - |
|
||||
| --van-skeleton-avatar-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-skeleton-animation-duration | _1.2s_ | - |
|
||||
|
@ -85,10 +85,10 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| -------------------------------------- | ------------------------- | ---- |
|
||||
| --van-skeleton-row-height | `16px` | - |
|
||||
| --van-skeleton-row-background-color | `var(--van-active-color)` | - |
|
||||
| --van-skeleton-row-margin-top | `var(--van-padding-sm)` | - |
|
||||
| --van-skeleton-title-width | `40%` | - |
|
||||
| --van-skeleton-avatar-size | `32px` | - |
|
||||
| --van-skeleton-avatar-background-color | `var(--van-active-color)` | - |
|
||||
| --van-skeleton-animation-duration | `1.2s` | - |
|
||||
| --van-skeleton-row-height | _16px_ | - |
|
||||
| --van-skeleton-row-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-skeleton-row-margin-top | _var(--van-padding-sm)_ | - |
|
||||
| --van-skeleton-title-width | _40%_ | - |
|
||||
| --van-skeleton-avatar-size | _32px_ | - |
|
||||
| --van-skeleton-avatar-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-skeleton-animation-duration | _1.2s_ | - |
|
||||
|
@ -184,12 +184,12 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-slider-active-background-color | `var(--van-blue)` | - |
|
||||
| --van-slider-inactive-background-color | `var(--van-gary-3)` | - |
|
||||
| --van-slider-disabled-opacity | `var(--van-disabled-opacity)` | - |
|
||||
| --van-slider-bar-height | `2px` | - |
|
||||
| --van-slider-button-width | `24px` | - |
|
||||
| --van-slider-button-height | `24px` | - |
|
||||
| --van-slider-button-border-radius | `50%` | - |
|
||||
| --van-slider-button-background-color | `var(--van-white)` | - |
|
||||
| --van-slider-button-box-shadow | `0 1px 2px rgba(0, 0, 0, 0.5)` | - |
|
||||
| --van-slider-active-background-color | _var(--van-blue)_ | - |
|
||||
| --van-slider-inactive-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-slider-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
| --van-slider-bar-height | _2px_ | - |
|
||||
| --van-slider-button-width | _24px_ | - |
|
||||
| --van-slider-button-height | _24px_ | - |
|
||||
| --van-slider-button-border-radius | _50%_ | - |
|
||||
| --van-slider-button-background-color | _var(--van-white)_ | - |
|
||||
| --van-slider-button-box-shadow | _0 1px 2px rgba(0, 0, 0, 0.5)_ | - |
|
||||
|
@ -186,12 +186,12 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-slider-active-background-color | `var(--van-blue)` | - |
|
||||
| --van-slider-inactive-background-color | `var(--van-gary-3)` | - |
|
||||
| --van-slider-disabled-opacity | `var(--van-disabled-opacity)` | - |
|
||||
| --van-slider-bar-height | `2px` | - |
|
||||
| --van-slider-button-width | `24px` | - |
|
||||
| --van-slider-button-height | `24px` | - |
|
||||
| --van-slider-button-border-radius | `50%` | - |
|
||||
| --van-slider-button-background-color | `var(--van-white)` | - |
|
||||
| --van-slider-button-box-shadow | `0 1px 2px rgba(0, 0, 0, 0.5)` | - |
|
||||
| --van-slider-active-background-color | _var(--van-blue)_ | - |
|
||||
| --van-slider-inactive-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-slider-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
| --van-slider-bar-height | _2px_ | - |
|
||||
| --van-slider-button-width | _24px_ | - |
|
||||
| --van-slider-button-height | _24px_ | - |
|
||||
| --van-slider-button-border-radius | _50%_ | - |
|
||||
| --van-slider-button-background-color | _var(--van-white)_ | - |
|
||||
| --van-slider-button-box-shadow | _0 1px 2px rgba(0, 0, 0, 0.5)_ | - |
|
||||
|
@ -163,17 +163,17 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-stepper-active-color | `#e8e8e8` | - |
|
||||
| --van-stepper-background-color | `var(--van-active-color)` | - |
|
||||
| --van-stepper-button-icon-color | `var(--van-text-color)` | - |
|
||||
| --van-stepper-button-disabled-color | `var(--van-background-color)` | - |
|
||||
| --van-stepper-button-disabled-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-stepper-button-round-theme-color | `var(--van-red)` | - |
|
||||
| --van-stepper-input-width | `32px` | - |
|
||||
| --van-stepper-input-height | `28px` | - |
|
||||
| --van-stepper-input-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-stepper-input-line-height | `normal` | - |
|
||||
| --van-stepper-input-text-color | `var(--van-text-color)` | - |
|
||||
| --van-stepper-input-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-stepper-input-disabled-background-color | `var(--van-active-color)` | - |
|
||||
| --van-stepper-border-radius | `var(--van-border-radius-md)` | - |
|
||||
| --van-stepper-active-color | _#e8e8e8_ | - |
|
||||
| --van-stepper-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-stepper-button-icon-color | _var(--van-text-color)_ | - |
|
||||
| --van-stepper-button-disabled-color | _var(--van-background-color)_ | - |
|
||||
| --van-stepper-button-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-stepper-button-round-theme-color | _var(--van-red)_ | - |
|
||||
| --van-stepper-input-width | _32px_ | - |
|
||||
| --van-stepper-input-height | _28px_ | - |
|
||||
| --van-stepper-input-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-stepper-input-line-height | _normal_ | - |
|
||||
| --van-stepper-input-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-stepper-input-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-stepper-input-disabled-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-stepper-border-radius | _var(--van-border-radius-md)_ | - |
|
||||
|
@ -183,20 +183,20 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-stepper-active-color | `#e8e8e8` | - |
|
||||
| --van-stepper-background-color | `var(--van-active-color)` | - |
|
||||
| --van-stepper-button-icon-color | `var(--van-text-color)` | - |
|
||||
| --van-stepper-button-disabled-color | `var(--van-background-color)` | - |
|
||||
| --van-stepper-button-disabled-icon-color | `var(--van-gary-5)` | - |
|
||||
| --van-stepper-button-round-theme-color | `var(--van-red)` | - |
|
||||
| --van-stepper-input-width | `32px` | - |
|
||||
| --van-stepper-input-height | `28px` | - |
|
||||
| --van-stepper-input-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-stepper-input-line-height | `normal` | - |
|
||||
| --van-stepper-input-text-color | `var(--van-text-color)` | - |
|
||||
| --van-stepper-input-disabled-text-color | `var(--van-gary-5)` | - |
|
||||
| --van-stepper-input-disabled-background-color | `var(--van-active-color)` | - |
|
||||
| --van-stepper-border-radius | `var(--van-border-radius-md)` | - |
|
||||
| --van-stepper-active-color | _#e8e8e8_ | - |
|
||||
| --van-stepper-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-stepper-button-icon-color | _var(--van-text-color)_ | - |
|
||||
| --van-stepper-button-disabled-color | _var(--van-background-color)_ | - |
|
||||
| --van-stepper-button-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-stepper-button-round-theme-color | _var(--van-red)_ | - |
|
||||
| --van-stepper-input-width | _32px_ | - |
|
||||
| --van-stepper-input-height | _28px_ | - |
|
||||
| --van-stepper-input-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-stepper-input-line-height | _normal_ | - |
|
||||
| --van-stepper-input-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-stepper-input-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-stepper-input-disabled-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-stepper-border-radius | _var(--van-border-radius-md)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -106,15 +106,15 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-step-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-step-active-color | `var(--van-green)` | - |
|
||||
| --van-step-process-text-color | `var(--van-text-color)` | - |
|
||||
| --van-step-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-step-line-color | `var(--van-border-color)` | - |
|
||||
| --van-step-finish-line-color | `var(--van-green)` | - |
|
||||
| --van-step-finish-text-color | `var(--van-text-color)` | - |
|
||||
| --van-step-icon-size | `12px` | - |
|
||||
| --van-step-circle-size | `5px` | - |
|
||||
| --van-step-circle-color | `var(--van-gary-6)` | - |
|
||||
| --van-step-horizontal-title-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-steps-background-color | `var(--van-white)` | - |
|
||||
| --van-step-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-step-active-color | _var(--van-green)_ | - |
|
||||
| --van-step-process-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-step-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-step-line-color | _var(--van-border-color)_ | - |
|
||||
| --van-step-finish-line-color | _var(--van-green)_ | - |
|
||||
| --van-step-finish-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-step-icon-size | _12px_ | - |
|
||||
| --van-step-circle-size | _5px_ | - |
|
||||
| --van-step-circle-color | _var(--van-gary-6)_ | - |
|
||||
| --van-step-horizontal-title-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-steps-background-color | _var(--van-white)_ | - |
|
||||
|
@ -112,15 +112,15 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | ------------------------- | ---- |
|
||||
| --van-step-text-color | `var(--van-gary-6)` | - |
|
||||
| --van-step-active-color | `var(--van-green)` | - |
|
||||
| --van-step-process-text-color | `var(--van-text-color)` | - |
|
||||
| --van-step-font-size | `var(--van-font-size-md)` | - |
|
||||
| --van-step-line-color | `var(--van-border-color)` | - |
|
||||
| --van-step-finish-line-color | `var(--van-green)` | - |
|
||||
| --van-step-finish-text-color | `var(--van-text-color)` | - |
|
||||
| --van-step-icon-size | `12px` | - |
|
||||
| --van-step-circle-size | `5px` | - |
|
||||
| --van-step-circle-color | `var(--van-gary-6)` | - |
|
||||
| --van-step-horizontal-title-font-size | `var(--van-font-size-sm)` | - |
|
||||
| --van-steps-background-color | `var(--van-white)` | - |
|
||||
| --van-step-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-step-active-color | _var(--van-green)_ | - |
|
||||
| --van-step-process-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-step-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-step-line-color | _var(--van-border-color)_ | - |
|
||||
| --van-step-finish-line-color | _var(--van-green)_ | - |
|
||||
| --van-step-finish-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-step-icon-size | _12px_ | - |
|
||||
| --van-step-circle-size | _5px_ | - |
|
||||
| --van-step-circle-color | _var(--van-gary-6)_ | - |
|
||||
| --van-step-horizontal-title-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-steps-background-color | _var(--van-white)_ | - |
|
||||
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user