mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
docs: fix gray typo (#8953)
* docs: fix gray typo * docs: fix prettier issue
This commit is contained in:
parent
af66aa0d95
commit
be3a7d7497
@ -147,7 +147,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-text-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -151,7 +151,7 @@ export default {
|
||||
| --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-text-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -232,22 +232,22 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-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-item-disabled-text-color | _var(--van-gray-5)_ | - |
|
||||
| --van-action-sheet-subname-color | _var(--van-gray-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-color | _var(--van-gray-5)_ | - |
|
||||
| --van-action-sheet-close-icon-active-color | _var(--van-gray-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-text-color | _var(--van-gray-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_ | - |
|
||||
|
@ -244,22 +244,22 @@ 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-color | _var(--van-gray-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-item-disabled-text-color | _var(--van-gray-5)_ | - |
|
||||
| --van-action-sheet-subname-color | _var(--van-gray-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-color | _var(--van-gray-5)_ | - |
|
||||
| --van-action-sheet-close-icon-active-color | _var(--van-gray-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-text-color | _var(--van-gray-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_ | - |
|
||||
|
@ -128,14 +128,14 @@ 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-color | _var(--van-gray-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-disabled-text-color | _var(--van-gray-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-danger-color)_ | - |
|
||||
|
@ -128,14 +128,14 @@ 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-color | _var(--van-gray-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-disabled-text-color | _var(--van-gray-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-danger-color)_ | - |
|
||||
|
@ -373,6 +373,6 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-danger-color)_ | - |
|
||||
| --van-calendar-day-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-calendar-day-disabled-color | _var(--van-gray-5)_ | - |
|
||||
| --van-calendar-confirm-button-height | _36px_ | - |
|
||||
| --van-calendar-confirm-button-margin | _7px 0_ | - |
|
||||
|
@ -379,7 +379,7 @@ export default {
|
||||
| --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-danger-color)_ | - |
|
||||
| --van-calendar-day-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-calendar-day-disabled-color | _var(--van-gray-5)_ | - |
|
||||
| --van-calendar-confirm-button-height | _36px_ | - |
|
||||
| --van-calendar-confirm-button-margin | _7px 0_ | - |
|
||||
|
||||
|
@ -121,11 +121,11 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-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-price-color | _var(--van-gray-8)_ | - |
|
||||
| --van-card-origin-price-color | _var(--van-gray-6)_ | - |
|
||||
| --van-card-num-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -123,11 +123,11 @@ app.use(Card);
|
||||
| --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-color | _var(--van-gray-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-price-color | _var(--van-gray-8)_ | - |
|
||||
| --van-card-origin-price-color | _var(--van-gray-6)_ | - |
|
||||
| --van-card-num-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -250,11 +250,11 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-close-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-cascader-close-icon-active-color | _var(--van-gray-6)_ | - |
|
||||
| --van-cascader-selected-icon-size | _18px_ | - |
|
||||
| --van-cascader-tabs-height | _48px_ | - |
|
||||
| --van-cascader-active-color | _var(--van-danger-color)_ | - |
|
||||
| --van-cascader-options-height | _384px_ | - |
|
||||
| --van-cascader-tab-color | _var(--van-text-color)_ | - |
|
||||
| --van-cascader-unselected-tab-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cascader-unselected-tab-color | _var(--van-gray-6)_ | - |
|
||||
|
@ -262,12 +262,12 @@ export default {
|
||||
| --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-close-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-cascader-close-icon-active-color | _var(--van-gray-6)_ | - |
|
||||
| --van-cascader-selected-icon-size | _18px_ | - |
|
||||
| --van-cascader-tabs-height | _48px_ | - |
|
||||
| --van-cascader-active-color | _var(--van-danger-color)_ | - |
|
||||
| --van-cascader-options-height | _384px_ | - |
|
||||
| --van-cascader-option-disabled-color | _van(--van-gray-5)_ | - |
|
||||
| --van-cascader-tab-color | _var(--van-text-color)_ | - |
|
||||
| --van-cascader-unselected-tab-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cascader-unselected-tab-color | _var(--van-gray-6)_ | - |
|
||||
|
@ -207,18 +207,18 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --van-cell-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-cell-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-cell-required-color | _var(--van-danger-color)_ | - |
|
||||
| --van-cell-label-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-label-color | _var(--van-gray-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-value-color | _var(--van-gray-6)_ | - |
|
||||
| --van-cell-icon-size | _16px_ | - |
|
||||
| --van-cell-right-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-right-icon-color | _var(--van-gray-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-color | _var(--van-gray-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_ | - |
|
||||
|
@ -212,18 +212,18 @@ app.use(CellGroup);
|
||||
| --van-cell-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-cell-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-cell-required-color | _var(--van-danger-color)_ | - |
|
||||
| --van-cell-label-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-label-color | _var(--van-gray-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-value-color | _var(--van-gray-6)_ | - |
|
||||
| --van-cell-icon-size | _16px_ | - |
|
||||
| --van-cell-right-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-cell-right-icon-color | _var(--van-gray-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-color | _var(--van-gray-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_ | - |
|
||||
|
@ -334,11 +334,11 @@ 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-border-color | _var(--van-gray-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-primary-color)_ | - |
|
||||
| --van-checkbox-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-disabled-label-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-disabled-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-checkbox-disabled-label-color | _var(--van-gray-5)_ | - |
|
||||
| --van-checkbox-disabled-background-color | _var(--van-border-color)_ | - |
|
||||
|
@ -352,11 +352,11 @@ checkboxGroup.toggleAll({
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-checkbox-size | _20px_ | - |
|
||||
| --van-checkbox-border-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-border-color | _var(--van-gray-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-primary-color)_ | - |
|
||||
| --van-checkbox-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-disabled-label-color | _var(--van-gary-5)_ | - |
|
||||
| --van-checkbox-disabled-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-checkbox-disabled-label-color | _var(--van-gray-5)_ | - |
|
||||
| --van-checkbox-disabled-background-color | _var(--van-border-color)_ | - |
|
||||
|
@ -171,6 +171,6 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-collapse-item-content-background-color | _var(--van-white)_ | - |
|
||||
| --van-collapse-item-title-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-collapse-item-title-disabled-color | _var(--van-gray-5)_ | - |
|
||||
|
@ -169,6 +169,6 @@ export default {
|
||||
| --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-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-collapse-item-content-background-color | _var(--van-white)_ | - |
|
||||
| --van-collapse-item-title-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-collapse-item-title-disabled-color | _var(--van-gray-5)_ | - |
|
||||
|
@ -167,7 +167,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-disabled-text-color | _var(--van-gray-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-danger-color)_ | - |
|
||||
@ -176,7 +176,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -169,7 +169,7 @@ export default {
|
||||
| --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-disabled-text-color | _var(--van-gray-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-danger-color)_ | - |
|
||||
@ -178,7 +178,7 @@ export default {
|
||||
| --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-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -234,7 +234,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-text-color | _var(--van-gray-7)_ | - |
|
||||
| --van-dialog-has-title-message-padding-top | _var(--van-padding-xs)_ | - |
|
||||
| --van-dialog-button-height | _48px_ | - |
|
||||
| --van-dialog-round-button-height | _36px_ | - |
|
||||
|
@ -269,7 +269,7 @@ export default {
|
||||
| --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-text-color | _var(--van-gray-7)_ | - |
|
||||
| --van-dialog-has-title-message-padding-top | _var(--van-padding-xs)_ | - |
|
||||
| --van-dialog-button-height | _48px_ | - |
|
||||
| --van-dialog-round-button-height | _36px_ | - |
|
||||
|
@ -76,7 +76,7 @@ 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-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-divider-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-divider-line-height | _24px_ | - |
|
||||
| --van-divider-border-color | _var(--van-border-color)_ | - |
|
||||
|
@ -86,7 +86,7 @@ app.use(Divider);
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --------------------------------- | ------------------------- | ---- |
|
||||
| --van-divider-margin | _var(--van-padding-md) 0_ | - |
|
||||
| --van-divider-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-divider-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-divider-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-divider-line-height | _24px_ | - |
|
||||
| --van-divider-border-color | _var(--van-border-color)_ | - |
|
||||
|
@ -212,7 +212,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-danger-color)_ | - |
|
||||
| --van-dropdown-menu-title-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-dropdown-menu-title-disabled-text-color | _var(--van-gray-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-danger-color)_ | - |
|
||||
|
@ -216,7 +216,7 @@ export default {
|
||||
| --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-danger-color)_ | - |
|
||||
| --van-dropdown-menu-title-disabled-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-dropdown-menu-title-disabled-text-color | _var(--van-gray-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-danger-color)_ | - |
|
||||
|
@ -96,7 +96,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-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_ | - |
|
||||
|
@ -101,7 +101,7 @@ Empty 组件内置了多种占位图片类型,可以在不同业务场景下
|
||||
| --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-color | _var(--van-gray-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_ | - |
|
||||
|
@ -327,20 +327,20 @@ 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-color | _var(--van-gray-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-danger-color)_ | - |
|
||||
| --van-field-input-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-placeholder-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-input-disabled-text-color | _var(--van-gray-5)_ | - |
|
||||
| --van-field-placeholder-text-color | _var(--van-gray-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-clear-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-field-right-icon-color | _var(--van-gray-6)_ | - |
|
||||
| --van-field-error-message-color | _var(--van-danger-color)_ | - |
|
||||
| --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-color | _var(--van-gray-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-disabled-text-color | _var(--van-gray-5)_ | - |
|
||||
|
@ -346,23 +346,23 @@ export default {
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | ------------------------- | ---- |
|
||||
| --van-field-label-width | _6.2em_ | - |
|
||||
| --van-field-label-color | _var(--van-gary-7)_ | - |
|
||||
| --van-field-label-color | _var(--van-gray-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-danger-color)_ | - |
|
||||
| --van-field-input-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-placeholder-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-input-disabled-text-color | _var(--van-gray-5)_ | - |
|
||||
| --van-field-placeholder-text-color | _var(--van-gray-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-clear-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-field-right-icon-color | _var(--van-gray-6)_ | - |
|
||||
| --van-field-error-message-color | _var(--van-danger-color)_ | - |
|
||||
| --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-color | _var(--van-gray-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-disabled-text-color | _var(--van-gray-5)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -152,5 +152,5 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-7)_ | - |
|
||||
| --van-grid-item-text-font-size | _var(--van-font-size-sm)_ | - |
|
||||
|
@ -168,5 +168,5 @@ app.use(GridItem);
|
||||
| --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-color | _var(--van-gray-7)_ | - |
|
||||
| --van-grid-item-text-font-size | _var(--van-font-size-sm)_ | - |
|
||||
|
@ -221,7 +221,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-5)_ | - |
|
||||
| --van-image-preview-close-icon-active-color | _var(--van-gray-6)_ | - |
|
||||
| --van-image-preview-close-icon-margin | _var(--van-padding-md)_ | - |
|
||||
| --van-image-preview-close-icon-z-index | _1_ | - |
|
||||
|
@ -258,8 +258,8 @@ export default {
|
||||
| --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-color | _var(--van-gray-5)_ | - |
|
||||
| --van-image-preview-close-icon-active-color | _var(--van-gray-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-text-color | _var(--van-gray-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-loading-icon-color | _var(--van-gray-4)_ | - |
|
||||
| --van-image-error-icon-size | _32px_ | - |
|
||||
| --van-image-error-icon-color | _var(--van-gary-4)_ | - |
|
||||
| --van-image-error-icon-color | _var(--van-gray-4)_ | - |
|
||||
|
@ -148,13 +148,13 @@ app.use(Lazyload);
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-image-placeholder-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-image-placeholder-text-color | _var(--van-gray-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-loading-icon-color | _var(--van-gray-4)_ | - |
|
||||
| --van-image-error-icon-size | _32px_ | - |
|
||||
| --van-image-error-icon-color | _var(--van-gary-4)_ | - |
|
||||
| --van-image-error-icon-color | _var(--van-gray-4)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -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-color | _var(--van-gray-6)_ | - |
|
||||
| --van-list-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-list-text-line-height | _50px_ | - |
|
||||
| --van-list-loading-icon-size | _16px_ | - |
|
||||
|
@ -221,7 +221,7 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ---------------------------- | ------------------------- | ---- |
|
||||
| --van-list-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-list-text-color | _var(--van-gray-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-color | _var(--van-gray-6)_ | - |
|
||||
| --van-loading-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-loading-spinner-color | _var(--van-gary-5)_ | - |
|
||||
| --van-loading-spinner-color | _var(--van-gray-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-color | _var(--van-gray-6)_ | - |
|
||||
| --van-loading-text-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-loading-spinner-color | _var(--van-gary-5)_ | - |
|
||||
| --van-loading-spinner-color | _var(--van-gray-5)_ | - |
|
||||
| --van-loading-spinner-size | _30px_ | - |
|
||||
| --van-loading-spinner-animation-duration | _0.8s_ | - |
|
||||
|
@ -210,12 +210,12 @@ 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-background-color | _var(--van-gray-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-key-active-color | _var(--van-gray-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-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -217,12 +217,12 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-number-keyboard-background-color | _var(--van-gary-2)_ | - |
|
||||
| --van-number-keyboard-background-color | _var(--van-gray-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-key-active-color | _var(--van-gray-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-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -106,8 +106,8 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --van-pagination-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-pagination-item-width | _36px_ | - |
|
||||
| --van-pagination-item-default-color | _var(--van-primary-color)_ | - |
|
||||
| --van-pagination-item-disabled-color | _var(--van-gary-7)_ | - |
|
||||
| --van-pagination-item-disabled-color | _var(--van-gray-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-desc-color | _var(--van-gray-7)_ | - |
|
||||
| --van-pagination-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
|
@ -114,8 +114,8 @@ export default {
|
||||
| --van-pagination-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-pagination-item-width | _36px_ | - |
|
||||
| --van-pagination-item-default-color | _var(--van-primary-color)_ | - |
|
||||
| --van-pagination-item-disabled-color | _var(--van-gary-7)_ | - |
|
||||
| --van-pagination-item-disabled-color | _var(--van-gray-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-desc-color | _var(--van-gray-7)_ | - |
|
||||
| --van-pagination-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
|
@ -159,7 +159,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-6)_ | - |
|
||||
| --van-password-input-info-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-password-input-error-info-color | _var(--van-danger-color)_ | - |
|
||||
| --van-password-input-dot-size | _10px_ | - |
|
||||
|
@ -169,7 +169,7 @@ export default {
|
||||
| --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-color | _var(--van-gray-6)_ | - |
|
||||
| --van-password-input-info-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-password-input-error-info-color | _var(--van-danger-color)_ | - |
|
||||
| --van-password-input-dot-size | _10px_ | - |
|
||||
|
@ -396,7 +396,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-cancel-action-color | _var(--van-gray-6)_ | - |
|
||||
| --van-picker-option-padding | _0 var(--van-padding-base)_ | - |
|
||||
| --van-picker-option-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-picker-option-text-color | _var(--van-black)_ | - |
|
||||
|
@ -421,7 +421,7 @@ export default {
|
||||
| --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-cancel-action-color | _var(--van-gray-6)_ | - |
|
||||
| --van-picker-option-padding | _0 var(--van-padding-base)_ | - |
|
||||
| --van-picker-option-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-picker-option-text-color | _var(--van-black)_ | - |
|
||||
|
@ -269,7 +269,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-light-action-disabled-text-color | _var(--van-gray-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-dark-action-disabled-text-color | _var(--van-gray-6)_ | - |
|
||||
|
@ -281,10 +281,10 @@ export default {
|
||||
| --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-light-action-disabled-text-color | _var(--van-gray-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-dark-action-disabled-text-color | _var(--van-gray-6)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
@ -171,7 +171,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-5)_ | - |
|
||||
| --van-popup-close-icon-active-color | _var(--van-gray-6)_ | - |
|
||||
| --van-popup-close-icon-margin | _16px_ | - |
|
||||
| --van-popup-close-icon-z-index | _1_ | - |
|
||||
|
@ -175,7 +175,7 @@ export default {
|
||||
| --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-color | _var(--van-gray-5)_ | - |
|
||||
| --van-popup-close-icon-active-color | _var(--van-gray-6)_ | - |
|
||||
| --van-popup-close-icon-margin | _16px_ | - |
|
||||
| --van-popup-close-icon-z-index | _1_ | - |
|
||||
|
@ -85,7 +85,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --- | --- | --- |
|
||||
| --van-progress-height | _4px_ | - |
|
||||
| --van-progress-color | _var(--van-primary-color)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -89,7 +89,7 @@ app.use(Progress);
|
||||
| ------------------------------------- | -------------------------- | ---- |
|
||||
| --van-progress-height | _4px_ | - |
|
||||
| --van-progress-color | _var(--van-primary-color)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -144,5 +144,5 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --- | --- | --- |
|
||||
| --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-head-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-pull-refresh-loading-icon-size | _16px_ | - |
|
||||
|
@ -147,7 +147,7 @@ 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-head-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-pull-refresh-loading-icon-size | _16px_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
@ -161,7 +161,7 @@ export default {
|
||||
### Radio Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| --- | --- | --- | --- |
|
||||
| name | Radio name | _any_ | - |
|
||||
| shape | Can be set to `square` | _string_ | `round` |
|
||||
| disabled | Whether to disable radio | _boolean_ | `false` |
|
||||
@ -173,7 +173,7 @@ export default {
|
||||
### RadioGroup Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| --- | --- | --- | --- |
|
||||
| v-model | Name of checked radio | _any_ | - |
|
||||
| disabled | Disable all radios | _boolean_ | `false` |
|
||||
| direction | Direction, can be set to `horizontal` | _string_ | `vertical` |
|
||||
@ -206,11 +206,11 @@ 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-border-color | _var(--van-gray-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-primary-color)_ | - |
|
||||
| --van-radio-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-disabled-label-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-disabled-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-radio-disabled-label-color | _var(--van-gray-5)_ | - |
|
||||
| --van-radio-disabled-background-color | _var(--van-border-color)_ | - |
|
||||
|
@ -220,11 +220,11 @@ export default {
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-radio-size | _20px_ | - |
|
||||
| --van-radio-border-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-border-color | _var(--van-gray-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-primary-color)_ | - |
|
||||
| --van-radio-disabled-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-disabled-label-color | _var(--van-gary-5)_ | - |
|
||||
| --van-radio-disabled-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-radio-disabled-label-color | _var(--van-gray-5)_ | - |
|
||||
| --van-radio-disabled-background-color | _var(--van-border-color)_ | - |
|
||||
|
@ -162,6 +162,6 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| ------------------------------ | ------------------------- | ----------- |
|
||||
| --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-void-color | _var(--van-gray-5)_ | - |
|
||||
| --van-rate-icon-full-color | _var(--van-danger-color)_ | - |
|
||||
| --van-rate-icon-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-rate-icon-disabled-color | _var(--van-gray-5)_ | - |
|
||||
|
@ -180,6 +180,6 @@ 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-void-color | _var(--van-gray-5)_ | - |
|
||||
| --van-rate-icon-full-color | _var(--van-danger-color)_ | - |
|
||||
| --van-rate-icon-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-rate-icon-disabled-color | _var(--van-gray-5)_ | - |
|
||||
|
@ -177,12 +177,12 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --- | --- | --- |
|
||||
| --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-content-background-color | _var(--van-gray-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-left-icon-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -189,12 +189,12 @@ 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-content-background-color | _var(--van-gray-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-left-icon-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -223,13 +223,13 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-color | _var(--van-gray-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-color | _var(--van-gray-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-color | _var(--van-gray-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_ | - |
|
||||
|
@ -237,13 +237,13 @@ export default {
|
||||
| --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-color | _var(--van-gray-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-color | _var(--van-gray-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-color | _var(--van-gray-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_ | - |
|
||||
|
@ -134,7 +134,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-disabled-text-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -142,7 +142,7 @@ export default {
|
||||
| --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-disabled-text-color | _var(--van-gray-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)_ | - |
|
||||
|
@ -185,7 +185,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-slider-active-background-color | _var(--van-primary-color)_ | - |
|
||||
| --van-slider-inactive-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-slider-inactive-background-color | _var(--van-gray-3)_ | - |
|
||||
| --van-slider-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
| --van-slider-bar-height | _2px_ | - |
|
||||
| --van-slider-button-width | _24px_ | - |
|
||||
|
@ -187,7 +187,7 @@ export default {
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-slider-active-background-color | _var(--van-primary-color)_ | - |
|
||||
| --van-slider-inactive-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-slider-inactive-background-color | _var(--van-gray-3)_ | - |
|
||||
| --van-slider-disabled-opacity | _var(--van-disabled-opacity)_ | - |
|
||||
| --van-slider-bar-height | _2px_ | - |
|
||||
| --van-slider-button-width | _24px_ | - |
|
||||
|
@ -167,13 +167,13 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-disabled-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-stepper-button-round-theme-color | _var(--van-danger-color)_ | - |
|
||||
| --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-text-color | _var(--van-gray-5)_ | - |
|
||||
| --van-stepper-input-disabled-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-stepper-border-radius | _var(--van-border-radius-md)_ | - |
|
||||
|
@ -187,14 +187,14 @@ export default {
|
||||
| --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-disabled-icon-color | _var(--van-gray-5)_ | - |
|
||||
| --van-stepper-button-round-theme-color | _var(--van-danger-color)_ | - |
|
||||
| --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-text-color | _var(--van-gray-5)_ | - |
|
||||
| --van-stepper-input-disabled-background-color | _var(--van-active-color)_ | - |
|
||||
| --van-stepper-border-radius | _var(--van-border-radius-md)_ | - |
|
||||
|
||||
|
@ -89,10 +89,10 @@ export default {
|
||||
### Step Slots
|
||||
|
||||
| Name | Description |
|
||||
| -------------------- | -------------------- | -------- | --- |
|
||||
| -------------------- | -------------------- |
|
||||
| active-icon | Custom active icon |
|
||||
| inactive-icon | Custom inactive icon |
|
||||
| finish-icon `v3.0.7` | Custom finish icon | _string_ | - |
|
||||
| finish-icon `v3.0.7` | Custom finish icon | _string_ | - |
|
||||
|
||||
### Steps Events
|
||||
|
||||
@ -106,7 +106,7 @@ 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-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-step-active-color | _var(--van-success-color)_ | - |
|
||||
| --van-step-process-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-step-font-size | _var(--van-font-size-md)_ | - |
|
||||
@ -115,6 +115,6 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --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-circle-color | _var(--van-gray-6)_ | - |
|
||||
| --van-step-horizontal-title-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-steps-background-color | _var(--van-white)_ | - |
|
||||
|
@ -95,7 +95,7 @@ export default {
|
||||
### Step Slots
|
||||
|
||||
| 名称 | 说明 |
|
||||
| --- | --- | --- | --- |
|
||||
| --- | --- |
|
||||
| active-icon | 自定义激活状态图标 |
|
||||
| inactive-icon | 自定义未激活状态图标 |
|
||||
| finish-icon `v3.0.7` | 自定义已完成步骤对应的底部图标,优先级高于 `inactive-icon` | _string_ | - |
|
||||
@ -112,7 +112,7 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | -------------------------- | ---- |
|
||||
| --van-step-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-step-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-step-active-color | _var(--van-success-color)_ | - |
|
||||
| --van-step-process-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-step-font-size | _var(--van-font-size-md)_ | - |
|
||||
@ -121,6 +121,6 @@ export default {
|
||||
| --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-circle-color | _var(--van-gray-6)_ | - |
|
||||
| --van-step-horizontal-title-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-steps-background-color | _var(--van-white)_ | - |
|
||||
|
@ -309,9 +309,9 @@ The component provides the following CSS variables, which can be used to customi
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| ------------------------------- | --------------------------- | ----------- |
|
||||
| --van-tab-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-tab-text-color | _var(--van-gray-7)_ | - |
|
||||
| --van-tab-active-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-tab-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-tab-disabled-text-color | _var(--van-gray-5)_ | - |
|
||||
| --van-tab-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-tab-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-tabs-default-color | _var(--van-danger-color)_ | - |
|
||||
|
@ -316,9 +316,9 @@ export default {
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------- | --------------------------- | ---- |
|
||||
| --van-tab-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-tab-text-color | _var(--van-gray-7)_ | - |
|
||||
| --van-tab-active-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-tab-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-tab-disabled-text-color | _var(--van-gray-5)_ | - |
|
||||
| --van-tab-font-size | _var(--van-font-size-md)_ | - |
|
||||
| --van-tab-line-height | _var(--van-line-height-md)_ | - |
|
||||
| --van-tabs-default-color | _var(--van-danger-color)_ | - |
|
||||
|
@ -210,7 +210,7 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --van-tabbar-z-index | _1_ | - |
|
||||
| --van-tabbar-background-color | _var(--van-white)_ | - |
|
||||
| --van-tabbar-item-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-tabbar-item-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-tabbar-item-text-color | _var(--van-gray-7)_ | - |
|
||||
| --van-tabbar-item-active-color | _var(--van-primary-color)_ | - |
|
||||
| --van-tabbar-item-active-background-color | _var(--van-white)_ | - |
|
||||
| --van-tabbar-item-line-height | _1_ | - |
|
||||
|
@ -222,7 +222,7 @@ export default {
|
||||
| --van-tabbar-z-index | _1_ | - |
|
||||
| --van-tabbar-background-color | _var(--van-white)_ | - |
|
||||
| --van-tabbar-item-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-tabbar-item-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-tabbar-item-text-color | _var(--van-gray-7)_ | - |
|
||||
| --van-tabbar-item-active-color | _var(--van-primary-color)_ | - |
|
||||
| --van-tabbar-item-active-background-color | _var(--van-white)_ | - |
|
||||
| --van-tabbar-item-line-height | _1_ | - |
|
||||
|
@ -136,5 +136,5 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --van-tag-primary-color | _var(--van-primary-color)_ | - |
|
||||
| --van-tag-success-color | _var(--van-success-color)_ | - |
|
||||
| --van-tag-warning-color | _var(--van-warning-color)_ | - |
|
||||
| --van-tag-default-color | _var(--van-gary-6)_ | - |
|
||||
| --van-tag-default-color | _var(--van-gray-6)_ | - |
|
||||
| --van-tag-plain-background-color | _var(--van-white)_ | - |
|
||||
|
@ -150,5 +150,5 @@ export default {
|
||||
| --van-tag-primary-color | _var(--van-primary-color)_ | - |
|
||||
| --van-tag-success-color | _var(--van-success-color)_ | - |
|
||||
| --van-tag-warning-color | _var(--van-warning-color)_ | - |
|
||||
| --van-tag-default-color | _var(--van-gary-6)_ | - |
|
||||
| --van-tag-default-color | _var(--van-gray-6)_ | - |
|
||||
| --van-tag-plain-background-color | _var(--van-white)_ | - |
|
||||
|
@ -242,5 +242,5 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --van-tree-select-nav-item-padding | _14px var(--van-padding-sm)_ | - |
|
||||
| --van-tree-select-item-height | _48px_ | - |
|
||||
| --van-tree-select-item-active-color | _var(--van-danger-color)_ | - |
|
||||
| --van-tree-select-item-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-tree-select-item-disabled-color | _var(--van-gray-5)_ | - |
|
||||
| --van-tree-select-item-selected-size | _16px_ | - |
|
||||
|
@ -248,5 +248,5 @@ export default {
|
||||
| --van-tree-select-nav-item-padding | _14px var(--van-padding-sm)_ | - |
|
||||
| --van-tree-select-item-height | _48px_ | - |
|
||||
| --van-tree-select-item-active-color | _var(--van-danger-color)_ | - |
|
||||
| --van-tree-select-item-disabled-color | _var(--van-gary-5)_ | - |
|
||||
| --van-tree-select-item-disabled-color | _var(--van-gray-5)_ | - |
|
||||
| --van-tree-select-item-selected-size | _16px_ | - |
|
||||
|
@ -364,21 +364,21 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --- | --- | --- |
|
||||
| --van-uploader-size | _80px_ | - |
|
||||
| --van-uploader-icon-size | _24px_ | - |
|
||||
| --van-uploader-icon-color | _var(--van-gary-4)_ | - |
|
||||
| --van-uploader-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-uploader-icon-color | _var(--van-gray-4)_ | - |
|
||||
| --van-uploader-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-uploader-text-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-uploader-upload-background-color | _var(--van-gary-1)_ | - |
|
||||
| --van-uploader-upload-background-color | _var(--van-gray-1)_ | - |
|
||||
| --van-uploader-upload-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-uploader-delete-color | _var(--van-white)_ | - |
|
||||
| --van-uploader-delete-icon-size | _14px_ | - |
|
||||
| --van-uploader-delete-background-color | _rgba(0, 0, 0, 0.7)_ | - |
|
||||
| --van-uploader-file-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-uploader-file-icon-size | _20px_ | - |
|
||||
| --van-uploader-file-icon-color | _var(--van-gary-7)_ | - |
|
||||
| --van-uploader-file-icon-color | _var(--van-gray-7)_ | - |
|
||||
| --van-uploader-file-name-padding | _0 var(--van-padding-base)_ | - |
|
||||
| --van-uploader-file-name-margin-top | _var(--van-padding-xs)_ | - |
|
||||
| --van-uploader-file-name-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-uploader-file-name-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-uploader-file-name-text-color | _var(--van-gray-7)_ | - |
|
||||
| --van-uploader-mask-text-color | _var(--van-white)_ | - |
|
||||
| --van-uploader-mask-background-color | _fade(var(--van-gray-8), 88%)_ | - |
|
||||
| --van-uploader-mask-icon-size | _22px_ | - |
|
||||
|
@ -389,21 +389,21 @@ before-read、after-read、before-delete 执行时会传递以下回调参数:
|
||||
| --- | --- | --- |
|
||||
| --van-uploader-size | _80px_ | - |
|
||||
| --van-uploader-icon-size | _24px_ | - |
|
||||
| --van-uploader-icon-color | _var(--van-gary-4)_ | - |
|
||||
| --van-uploader-text-color | _var(--van-gary-6)_ | - |
|
||||
| --van-uploader-icon-color | _var(--van-gray-4)_ | - |
|
||||
| --van-uploader-text-color | _var(--van-gray-6)_ | - |
|
||||
| --van-uploader-text-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-uploader-upload-background-color | _var(--van-gary-1)_ | - |
|
||||
| --van-uploader-upload-background-color | _var(--van-gray-1)_ | - |
|
||||
| --van-uploader-upload-active-color | _var(--van-active-color)_ | - |
|
||||
| --van-uploader-delete-color | _var(--van-white)_ | - |
|
||||
| --van-uploader-delete-icon-size | _14px_ | - |
|
||||
| --van-uploader-delete-background-color | _rgba(0, 0, 0, 0.7)_ | - |
|
||||
| --van-uploader-file-background-color | _var(--van-background-color)_ | - |
|
||||
| --van-uploader-file-icon-size | _20px_ | - |
|
||||
| --van-uploader-file-icon-color | _var(--van-gary-7)_ | - |
|
||||
| --van-uploader-file-icon-color | _var(--van-gray-7)_ | - |
|
||||
| --van-uploader-file-name-padding | _0 var(--van-padding-base)_ | - |
|
||||
| --van-uploader-file-name-margin-top | _var(--van-padding-xs)_ | - |
|
||||
| --van-uploader-file-name-font-size | _var(--van-font-size-sm)_ | - |
|
||||
| --van-uploader-file-name-text-color | _var(--van-gary-7)_ | - |
|
||||
| --van-uploader-file-name-text-color | _var(--van-gray-7)_ | - |
|
||||
| --van-uploader-mask-text-color | _var(--van-white)_ | - |
|
||||
| --van-uploader-mask-background-color | _fade(var(--van-gray-8), 88%)_ | - |
|
||||
| --van-uploader-mask-icon-size | _22px_ | - |
|
||||
|
Loading…
x
Reference in New Issue
Block a user