From 981ad0f3ce2d99ca848405cb81fd3f98e8fa4124 Mon Sep 17 00:00:00 2001 From: chenjiahan Date: Mon, 14 Jun 2021 11:05:41 +0800 Subject: [PATCH] docs: update componen varriable value format --- src/action-bar/README.md | 26 +++++------ src/action-bar/README.zh-CN.md | 26 +++++------ src/action-sheet/README.md | 44 +++++++++---------- src/action-sheet/README.zh-CN.md | 44 +++++++++---------- src/address-edit/README.md | 10 ++--- src/address-edit/README.zh-CN.md | 10 ++--- src/address-list/README.md | 26 +++++------ src/address-list/README.zh-CN.md | 26 +++++------ src/badge/README.md | 20 ++++----- src/badge/README.zh-CN.md | 20 ++++----- src/button/README.md | 68 ++++++++++++++--------------- src/button/README.zh-CN.md | 68 ++++++++++++++--------------- src/calendar/README.md | 50 ++++++++++----------- src/calendar/README.zh-CN.md | 50 ++++++++++----------- src/card/README.md | 32 +++++++------- src/card/README.zh-CN.md | 32 +++++++------- src/cascader/README.md | 26 +++++------ src/cascader/README.zh-CN.md | 26 +++++------ src/cell/README.md | 48 ++++++++++---------- src/cell/README.zh-CN.md | 48 ++++++++++---------- src/checkbox/README.md | 18 ++++---- src/checkbox/README.zh-CN.md | 18 ++++---- src/circle/README.md | 14 +++--- src/circle/README.zh-CN.md | 14 +++--- src/collapse/README.md | 14 +++--- src/collapse/README.zh-CN.md | 14 +++--- src/contact-card/README.md | 8 ++-- src/contact-card/README.zh-CN.md | 8 ++-- src/contact-edit/README.md | 12 ++--- src/contact-edit/README.zh-CN.md | 12 ++--- src/contact-list/README.md | 8 ++-- src/contact-list/README.zh-CN.md | 8 ++-- src/count-down/README.md | 6 +-- src/count-down/README.zh-CN.md | 6 +-- src/coupon-list/README.md | 50 ++++++++++----------- src/coupon-list/README.zh-CN.md | 50 ++++++++++----------- src/dialog/README.md | 38 ++++++++-------- src/dialog/README.zh-CN.md | 38 ++++++++-------- src/divider/README.md | 16 +++---- src/divider/README.zh-CN.md | 16 +++---- src/dropdown-menu/README.md | 24 +++++----- src/dropdown-menu/README.zh-CN.md | 24 +++++----- src/empty/README.md | 16 +++---- src/empty/README.zh-CN.md | 16 +++---- src/field/README.md | 36 +++++++-------- src/field/README.zh-CN.md | 36 +++++++-------- src/grid/README.md | 12 ++--- src/grid/README.zh-CN.md | 12 ++--- src/image-preview/README.md | 20 ++++----- src/image-preview/README.zh-CN.md | 20 ++++----- src/image/README.md | 14 +++--- src/image/README.zh-CN.md | 14 +++--- src/index-bar/README.md | 26 +++++------ src/index-bar/README.zh-CN.md | 26 +++++------ src/list/README.md | 8 ++-- src/list/README.zh-CN.md | 8 ++-- src/loading/README.md | 10 ++--- src/loading/README.zh-CN.md | 10 ++--- src/nav-bar/README.md | 16 +++---- src/nav-bar/README.zh-CN.md | 16 +++---- src/notice-bar/README.md | 18 ++++---- src/notice-bar/README.zh-CN.md | 18 ++++---- src/notify/README.md | 16 +++---- src/notify/README.zh-CN.md | 16 +++---- src/number-keyboard/README.md | 28 ++++++------ src/number-keyboard/README.zh-CN.md | 28 ++++++------ src/overlay/README.md | 4 +- src/overlay/README.zh-CN.md | 4 +- src/pagination/README.md | 18 ++++---- src/pagination/README.zh-CN.md | 18 ++++---- src/password-input/README.md | 28 ++++++------ src/password-input/README.zh-CN.md | 28 ++++++------ src/picker/README.md | 26 +++++------ src/picker/README.zh-CN.md | 26 +++++------ src/popover/README.md | 26 +++++------ src/popover/README.zh-CN.md | 26 +++++------ src/popup/README.md | 16 +++---- src/popup/README.zh-CN.md | 16 +++---- src/progress/README.md | 16 +++---- src/progress/README.zh-CN.md | 16 +++---- src/pull-refresh/README.md | 8 ++-- src/pull-refresh/README.zh-CN.md | 8 ++-- src/radio/README.md | 18 ++++---- src/radio/README.zh-CN.md | 18 ++++---- src/rate/README.md | 10 ++--- src/rate/README.zh-CN.md | 10 ++--- src/search/README.md | 22 +++++----- src/search/README.zh-CN.md | 22 +++++----- src/share-sheet/README.md | 30 ++++++------- src/share-sheet/README.zh-CN.md | 30 ++++++------- src/sidebar/README.md | 28 ++++++------ src/sidebar/README.zh-CN.md | 28 ++++++------ src/skeleton/README.md | 14 +++--- src/skeleton/README.zh-CN.md | 14 +++--- src/slider/README.md | 18 ++++---- src/slider/README.zh-CN.md | 18 ++++---- src/stepper/README.md | 28 ++++++------ src/stepper/README.zh-CN.md | 28 ++++++------ src/steps/README.md | 24 +++++----- src/steps/README.zh-CN.md | 24 +++++----- src/sticky/README.md | 2 +- src/sticky/README.zh-CN.md | 2 +- src/submit-bar/README.md | 36 +++++++-------- src/submit-bar/README.zh-CN.md | 36 +++++++-------- src/swipe-cell/README.md | 8 ++-- src/swipe-cell/README.zh-CN.md | 8 ++-- src/swipe/README.md | 12 ++--- src/swipe/README.zh-CN.md | 12 ++--- src/switch/README.md | 22 +++++----- src/switch/README.zh-CN.md | 22 +++++----- src/tab/README.md | 24 +++++----- src/tab/README.zh-CN.md | 24 +++++----- src/tabbar/README.md | 20 ++++----- src/tabbar/README.zh-CN.md | 20 ++++----- src/tag/README.md | 32 +++++++------- src/tag/README.zh-CN.md | 32 +++++++------- src/toast/README.md | 30 ++++++------- src/toast/README.zh-CN.md | 30 ++++++------- src/tree-select/README.md | 16 +++---- src/tree-select/README.zh-CN.md | 16 +++---- src/uploader/README.md | 50 ++++++++++----------- src/uploader/README.zh-CN.md | 50 ++++++++++----------- 122 files changed, 1364 insertions(+), 1364 deletions(-) diff --git a/src/action-bar/README.md b/src/action-bar/README.md index 41aad3a87..0eccb4f89 100644 --- a/src/action-bar/README.md +++ b/src/action-bar/README.md @@ -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)_ | - | diff --git a/src/action-bar/README.zh-CN.md b/src/action-bar/README.zh-CN.md index 3179c81d5..6f53d61e2 100644 --- a/src/action-bar/README.zh-CN.md +++ b/src/action-bar/README.zh-CN.md @@ -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)_ | - | diff --git a/src/action-sheet/README.md b/src/action-sheet/README.md index 557c2be0e..35e8a9738 100644 --- a/src/action-sheet/README.md +++ b/src/action-sheet/README.md @@ -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_ | - | diff --git a/src/action-sheet/README.zh-CN.md b/src/action-sheet/README.zh-CN.md index f032e4c5f..e21b0128a 100644 --- a/src/action-sheet/README.zh-CN.md +++ b/src/action-sheet/README.zh-CN.md @@ -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_ | - | diff --git a/src/address-edit/README.md b/src/address-edit/README.md index 32cefa4f4..cbce99c9b 100644 --- a/src/address-edit/README.md +++ b/src/address-edit/README.md @@ -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)_ | - | diff --git a/src/address-edit/README.zh-CN.md b/src/address-edit/README.zh-CN.md index d11153ce7..75d03cd77 100644 --- a/src/address-edit/README.zh-CN.md +++ b/src/address-edit/README.zh-CN.md @@ -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)_ | - | diff --git a/src/address-list/README.md b/src/address-list/README.md index 84187adf6..633afa8ea 100644 --- a/src/address-list/README.md +++ b/src/address-list/README.md @@ -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_ | - | diff --git a/src/address-list/README.zh-CN.md b/src/address-list/README.zh-CN.md index bf23969d8..aae40af88 100644 --- a/src/address-list/README.zh-CN.md +++ b/src/address-list/README.zh-CN.md @@ -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_ | - | diff --git a/src/badge/README.md b/src/badge/README.md index 84df59ce1..f2403aa81 100644 --- a/src/badge/README.md +++ b/src/badge/README.md @@ -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_ | - | diff --git a/src/badge/README.zh-CN.md b/src/badge/README.zh-CN.md index 655f6f6d5..e17036a68 100644 --- a/src/badge/README.zh-CN.md +++ b/src/badge/README.zh-CN.md @@ -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_ | - | diff --git a/src/button/README.md b/src/button/README.md index ea13e53bf..802c88e71 100644 --- a/src/button/README.md +++ b/src/button/README.md @@ -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_ | - | diff --git a/src/button/README.zh-CN.md b/src/button/README.zh-CN.md index aa11a84fe..a9652ba79 100644 --- a/src/button/README.zh-CN.md +++ b/src/button/README.zh-CN.md @@ -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_ | - | diff --git a/src/calendar/README.md b/src/calendar/README.md index ee864fb09..3c749b685 100644 --- a/src/calendar/README.md +++ b/src/calendar/README.md @@ -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_ | - | diff --git a/src/calendar/README.zh-CN.md b/src/calendar/README.zh-CN.md index 4e9fcf88c..ffd983cdf 100644 --- a/src/calendar/README.zh-CN.md +++ b/src/calendar/README.zh-CN.md @@ -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_ | - | ## 常见问题 diff --git a/src/card/README.md b/src/card/README.md index 15b7d59b6..81049fc4e 100644 --- a/src/card/README.md +++ b/src/card/README.md @@ -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)_ | - | diff --git a/src/card/README.zh-CN.md b/src/card/README.zh-CN.md index 58a2a9600..711a3e548 100644 --- a/src/card/README.zh-CN.md +++ b/src/card/README.zh-CN.md @@ -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)_ | - | diff --git a/src/cascader/README.md b/src/cascader/README.md index 9eeb65210..e69fe0436 100644 --- a/src/cascader/README.md +++ b/src/cascader/README.md @@ -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)_ | - | diff --git a/src/cascader/README.zh-CN.md b/src/cascader/README.zh-CN.md index 8f906eee3..f12dba1bf 100644 --- a/src/cascader/README.zh-CN.md +++ b/src/cascader/README.zh-CN.md @@ -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)_ | - | diff --git a/src/cell/README.md b/src/cell/README.md index d00e6ea63..4a375aea0 100644 --- a/src/cell/README.md +++ b/src/cell/README.md @@ -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_ | - | diff --git a/src/cell/README.zh-CN.md b/src/cell/README.zh-CN.md index 740f45921..031086b1a 100644 --- a/src/cell/README.zh-CN.md +++ b/src/cell/README.zh-CN.md @@ -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_ | - | diff --git a/src/checkbox/README.md b/src/checkbox/README.md index 22e7eeafb..6086939f1 100644 --- a/src/checkbox/README.md +++ b/src/checkbox/README.md @@ -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)_ | - | diff --git a/src/checkbox/README.zh-CN.md b/src/checkbox/README.zh-CN.md index 8c78cf7f8..3fc806241 100644 --- a/src/checkbox/README.zh-CN.md +++ b/src/checkbox/README.zh-CN.md @@ -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)_ | - | diff --git a/src/circle/README.md b/src/circle/README.md index 78427de79..2bc94e8f7 100644 --- a/src/circle/README.md +++ b/src/circle/README.md @@ -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)_ | - | diff --git a/src/circle/README.zh-CN.md b/src/circle/README.zh-CN.md index d5a0b39ec..b212feebc 100644 --- a/src/circle/README.zh-CN.md +++ b/src/circle/README.zh-CN.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)_ | - | diff --git a/src/collapse/README.md b/src/collapse/README.md index 2b899ff67..818567132 100644 --- a/src/collapse/README.md +++ b/src/collapse/README.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)_ | - | diff --git a/src/collapse/README.zh-CN.md b/src/collapse/README.zh-CN.md index bc13c02c3..8b002d445 100644 --- a/src/collapse/README.zh-CN.md +++ b/src/collapse/README.zh-CN.md @@ -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)_ | - | diff --git a/src/contact-card/README.md b/src/contact-card/README.md index d65977a28..cd7d61fed 100644 --- a/src/contact-card/README.md +++ b/src/contact-card/README.md @@ -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)_ | - | diff --git a/src/contact-card/README.zh-CN.md b/src/contact-card/README.zh-CN.md index 492e80be6..0b1e9407a 100644 --- a/src/contact-card/README.zh-CN.md +++ b/src/contact-card/README.zh-CN.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)_ | - | diff --git a/src/contact-edit/README.md b/src/contact-edit/README.md index 17d3c0176..f05bb2799 100644 --- a/src/contact-edit/README.md +++ b/src/contact-edit/README.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_ | - | diff --git a/src/contact-edit/README.zh-CN.md b/src/contact-edit/README.zh-CN.md index 815353b6c..fc872cff7 100644 --- a/src/contact-edit/README.zh-CN.md +++ b/src/contact-edit/README.zh-CN.md @@ -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_ | - | diff --git a/src/contact-list/README.md b/src/contact-list/README.md index 7371c0316..de3879f40 100644 --- a/src/contact-list/README.md +++ b/src/contact-list/README.md @@ -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)_ | - | diff --git a/src/contact-list/README.zh-CN.md b/src/contact-list/README.zh-CN.md index 79e08f7f5..e73fba620 100644 --- a/src/contact-list/README.zh-CN.md +++ b/src/contact-list/README.zh-CN.md @@ -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)_ | - | diff --git a/src/count-down/README.md b/src/count-down/README.md index 27a87cadf..4e7266baa 100644 --- a/src/count-down/README.md +++ b/src/count-down/README.md @@ -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)_ | - | diff --git a/src/count-down/README.zh-CN.md b/src/count-down/README.zh-CN.md index a2e34d929..ea053ed8c 100644 --- a/src/count-down/README.zh-CN.md +++ b/src/count-down/README.zh-CN.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)_ | - | ## 常见问题 diff --git a/src/coupon-list/README.md b/src/coupon-list/README.md index a78b48518..747c0c4dc 100644 --- a/src/coupon-list/README.md +++ b/src/coupon-list/README.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)_ | - | diff --git a/src/coupon-list/README.zh-CN.md b/src/coupon-list/README.zh-CN.md index 0eef02f0b..6a5b6bb36 100644 --- a/src/coupon-list/README.zh-CN.md +++ b/src/coupon-list/README.zh-CN.md @@ -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)_ | - | diff --git a/src/dialog/README.md b/src/dialog/README.md index b5af194ee..d9b44f255 100644 --- a/src/dialog/README.md +++ b/src/dialog/README.md @@ -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)_ | - | diff --git a/src/dialog/README.zh-CN.md b/src/dialog/README.zh-CN.md index 8e1626ef9..63b287e1b 100644 --- a/src/dialog/README.zh-CN.md +++ b/src/dialog/README.zh-CN.md @@ -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)_ | - | ## 常见问题 diff --git a/src/divider/README.md b/src/divider/README.md index 2abc49d60..e2c76ac89 100644 --- a/src/divider/README.md +++ b/src/divider/README.md @@ -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%_ | - | diff --git a/src/divider/README.zh-CN.md b/src/divider/README.zh-CN.md index d94f3ae16..854cbaa36 100644 --- a/src/divider/README.zh-CN.md +++ b/src/divider/README.zh-CN.md @@ -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%_ | - | diff --git a/src/dropdown-menu/README.md b/src/dropdown-menu/README.md index 9b04ca775..0520564ba 100644 --- a/src/dropdown-menu/README.md +++ b/src/dropdown-menu/README.md @@ -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_ | - | diff --git a/src/dropdown-menu/README.zh-CN.md b/src/dropdown-menu/README.zh-CN.md index 2f9cb314d..710c9b267 100644 --- a/src/dropdown-menu/README.zh-CN.md +++ b/src/dropdown-menu/README.zh-CN.md @@ -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_ | - | ## 常见问题 diff --git a/src/empty/README.md b/src/empty/README.md index 32f8c2a1b..f680f6d48 100644 --- a/src/empty/README.md +++ b/src/empty/README.md @@ -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_ | - | diff --git a/src/empty/README.zh-CN.md b/src/empty/README.zh-CN.md index 85a5e2b8b..46fd5b4f0 100644 --- a/src/empty/README.zh-CN.md +++ b/src/empty/README.zh-CN.md @@ -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_ | - | diff --git a/src/field/README.md b/src/field/README.md index 263147bb0..4854956f1 100644 --- a/src/field/README.md +++ b/src/field/README.md @@ -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)_ | - | diff --git a/src/field/README.zh-CN.md b/src/field/README.zh-CN.md index 0865c7e67..8b086732e 100644 --- a/src/field/README.zh-CN.md +++ b/src/field/README.zh-CN.md @@ -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)_ | - | ## 常见问题 diff --git a/src/grid/README.md b/src/grid/README.md index 3a7b1022d..8b8069cb4 100644 --- a/src/grid/README.md +++ b/src/grid/README.md @@ -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)_ | - | diff --git a/src/grid/README.zh-CN.md b/src/grid/README.zh-CN.md index cb92b56a1..a7c87d325 100644 --- a/src/grid/README.zh-CN.md +++ b/src/grid/README.zh-CN.md @@ -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)_ | - | diff --git a/src/image-preview/README.md b/src/image-preview/README.md index ccad988f2..dbc972d0c 100644 --- a/src/image-preview/README.md +++ b/src/image-preview/README.md @@ -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_ | - | diff --git a/src/image-preview/README.zh-CN.md b/src/image-preview/README.zh-CN.md index bef0dfd0c..c0eeda6ba 100644 --- a/src/image-preview/README.zh-CN.md +++ b/src/image-preview/README.zh-CN.md @@ -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_ | - | ## 常见问题 diff --git a/src/image/README.md b/src/image/README.md index 3cf9714ab..925a3cc72 100644 --- a/src/image/README.md +++ b/src/image/README.md @@ -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)_ | - | diff --git a/src/image/README.zh-CN.md b/src/image/README.zh-CN.md index 30bfbc608..0b5698c8b 100644 --- a/src/image/README.zh-CN.md +++ b/src/image/README.zh-CN.md @@ -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)_ | - | ## 常见问题 diff --git a/src/index-bar/README.md b/src/index-bar/README.md index dbec6a1c5..5cc472914 100644 --- a/src/index-bar/README.md +++ b/src/index-bar/README.md @@ -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)_ | - | diff --git a/src/index-bar/README.zh-CN.md b/src/index-bar/README.zh-CN.md index 7b873ea13..e59e1fd04 100644 --- a/src/index-bar/README.zh-CN.md +++ b/src/index-bar/README.zh-CN.md @@ -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)_ | - | diff --git a/src/list/README.md b/src/list/README.md index b71401ee8..e65387ba4 100644 --- a/src/list/README.md +++ b/src/list/README.md @@ -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_ | - | diff --git a/src/list/README.zh-CN.md b/src/list/README.zh-CN.md index 20bad3993..52a0c004c 100644 --- a/src/list/README.zh-CN.md +++ b/src/list/README.zh-CN.md @@ -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_ | - | ## 常见问题 diff --git a/src/loading/README.md b/src/loading/README.md index 43f195593..4ceb1a623 100644 --- a/src/loading/README.md +++ b/src/loading/README.md @@ -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_ | - | diff --git a/src/loading/README.zh-CN.md b/src/loading/README.zh-CN.md index d56a4a650..a8f57e519 100644 --- a/src/loading/README.zh-CN.md +++ b/src/loading/README.zh-CN.md @@ -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_ | - | diff --git a/src/nav-bar/README.md b/src/nav-bar/README.md index 5bbcfd1c6..4df02b8cd 100644 --- a/src/nav-bar/README.md +++ b/src/nav-bar/README.md @@ -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_ | - | diff --git a/src/nav-bar/README.zh-CN.md b/src/nav-bar/README.zh-CN.md index 710585981..83b61b0c7 100644 --- a/src/nav-bar/README.zh-CN.md +++ b/src/nav-bar/README.zh-CN.md @@ -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_ | - | diff --git a/src/notice-bar/README.md b/src/notice-bar/README.md index 053d91736..74c453b60 100644 --- a/src/notice-bar/README.md +++ b/src/notice-bar/README.md @@ -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_ | - | diff --git a/src/notice-bar/README.zh-CN.md b/src/notice-bar/README.zh-CN.md index e6d69ed1b..8ecaa7256 100644 --- a/src/notice-bar/README.zh-CN.md +++ b/src/notice-bar/README.zh-CN.md @@ -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_ | - | diff --git a/src/notify/README.md b/src/notify/README.md index aeb3265aa..1865abda8 100644 --- a/src/notify/README.md +++ b/src/notify/README.md @@ -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)_ | - | diff --git a/src/notify/README.zh-CN.md b/src/notify/README.zh-CN.md index b12362b82..ba54d2865 100644 --- a/src/notify/README.zh-CN.md +++ b/src/notify/README.zh-CN.md @@ -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)_ | - | diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md index fd2e9a372..3609ff167 100644 --- a/src/number-keyboard/README.md +++ b/src/number-keyboard/README.md @@ -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_ | - | diff --git a/src/number-keyboard/README.zh-CN.md b/src/number-keyboard/README.zh-CN.md index 2dab22626..fbd7d7929 100644 --- a/src/number-keyboard/README.zh-CN.md +++ b/src/number-keyboard/README.zh-CN.md @@ -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_ | - | ## 常见问题 diff --git a/src/overlay/README.md b/src/overlay/README.md index 8d79fd5e6..f1b453cf8 100644 --- a/src/overlay/README.md +++ b/src/overlay/README.md @@ -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)_ | - | diff --git a/src/overlay/README.zh-CN.md b/src/overlay/README.zh-CN.md index 97b431e1a..28000fa2d 100644 --- a/src/overlay/README.zh-CN.md +++ b/src/overlay/README.zh-CN.md @@ -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)_ | - | diff --git a/src/pagination/README.md b/src/pagination/README.md index 949367767..06349c246 100644 --- a/src/pagination/README.md +++ b/src/pagination/README.md @@ -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)_ | - | diff --git a/src/pagination/README.zh-CN.md b/src/pagination/README.zh-CN.md index aaf4c792d..736db146c 100644 --- a/src/pagination/README.zh-CN.md +++ b/src/pagination/README.zh-CN.md @@ -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)_ | - | diff --git a/src/password-input/README.md b/src/password-input/README.md index 2f55cf0dd..a464466c6 100644 --- a/src/password-input/README.md +++ b/src/password-input/README.md @@ -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_ | - | diff --git a/src/password-input/README.zh-CN.md b/src/password-input/README.zh-CN.md index 9c566a965..2e92458e3 100644 --- a/src/password-input/README.zh-CN.md +++ b/src/password-input/README.zh-CN.md @@ -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_ | - | diff --git a/src/picker/README.md b/src/picker/README.md index 1d7934620..75ec35dc5 100644 --- a/src/picker/README.md +++ b/src/picker/README.md @@ -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)_ | - | diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md index 511efe782..5ed1f4ee8 100644 --- a/src/picker/README.zh-CN.md +++ b/src/picker/README.zh-CN.md @@ -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)_ | - | ## 常见问题 diff --git a/src/popover/README.md b/src/popover/README.md index 0a3af41af..a6fa8a695 100644 --- a/src/popover/README.md +++ b/src/popover/README.md @@ -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)_ | - | diff --git a/src/popover/README.zh-CN.md b/src/popover/README.zh-CN.md index 14b9d74fc..e0d0cfac5 100644 --- a/src/popover/README.zh-CN.md +++ b/src/popover/README.zh-CN.md @@ -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)_ | - | ## 常见问题 diff --git a/src/popup/README.md b/src/popup/README.md index c187b1d5d..ef938f6d0 100644 --- a/src/popup/README.md +++ b/src/popup/README.md @@ -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_ | - | diff --git a/src/popup/README.zh-CN.md b/src/popup/README.zh-CN.md index 62dec41a9..ecb4fc7d4 100644 --- a/src/popup/README.zh-CN.md +++ b/src/popup/README.zh-CN.md @@ -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_ | - | diff --git a/src/progress/README.md b/src/progress/README.md index 6e3f0d1b5..2b0614042 100644 --- a/src/progress/README.md +++ b/src/progress/README.md @@ -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)_ | - | diff --git a/src/progress/README.zh-CN.md b/src/progress/README.zh-CN.md index b3ddac800..b06c9c390 100644 --- a/src/progress/README.zh-CN.md +++ b/src/progress/README.zh-CN.md @@ -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)_ | - | ## 常见问题 diff --git a/src/pull-refresh/README.md b/src/pull-refresh/README.md index 5c4334649..b8b270a30 100644 --- a/src/pull-refresh/README.md +++ b/src/pull-refresh/README.md @@ -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_ | - | diff --git a/src/pull-refresh/README.zh-CN.md b/src/pull-refresh/README.zh-CN.md index 80d4fc805..a4b0af088 100644 --- a/src/pull-refresh/README.zh-CN.md +++ b/src/pull-refresh/README.zh-CN.md @@ -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_ | - | ## 常见问题 diff --git a/src/radio/README.md b/src/radio/README.md index dc4268059..dcd286820 100644 --- a/src/radio/README.md +++ b/src/radio/README.md @@ -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)_ | - | diff --git a/src/radio/README.zh-CN.md b/src/radio/README.zh-CN.md index d5528f546..acc79f231 100644 --- a/src/radio/README.zh-CN.md +++ b/src/radio/README.zh-CN.md @@ -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)_ | - | diff --git a/src/rate/README.md b/src/rate/README.md index e326fc37e..85eb6657b 100644 --- a/src/rate/README.md +++ b/src/rate/README.md @@ -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)_ | - | diff --git a/src/rate/README.zh-CN.md b/src/rate/README.zh-CN.md index 362e5e110..a33c25cce 100644 --- a/src/rate/README.zh-CN.md +++ b/src/rate/README.zh-CN.md @@ -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)_ | - | diff --git a/src/search/README.md b/src/search/README.md index 00ceed04e..f203488b5 100644 --- a/src/search/README.md +++ b/src/search/README.md @@ -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)_ | - | diff --git a/src/search/README.zh-CN.md b/src/search/README.zh-CN.md index a2b08cede..5024ea185 100644 --- a/src/search/README.zh-CN.md +++ b/src/search/README.zh-CN.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)_ | - | ## 常见问题 diff --git a/src/share-sheet/README.md b/src/share-sheet/README.md index a76c490f2..cd56f7767 100644 --- a/src/share-sheet/README.md +++ b/src/share-sheet/README.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)_ | - | diff --git a/src/share-sheet/README.zh-CN.md b/src/share-sheet/README.zh-CN.md index d7273f846..5daf914d9 100644 --- a/src/share-sheet/README.zh-CN.md +++ b/src/share-sheet/README.zh-CN.md @@ -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)_ | - | ## 常见问题 diff --git a/src/sidebar/README.md b/src/sidebar/README.md index f91476d06..34ac8d65c 100644 --- a/src/sidebar/README.md +++ b/src/sidebar/README.md @@ -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)_ | - | diff --git a/src/sidebar/README.zh-CN.md b/src/sidebar/README.zh-CN.md index c5e37e76a..29b954bbe 100644 --- a/src/sidebar/README.zh-CN.md +++ b/src/sidebar/README.zh-CN.md @@ -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)_ | - | diff --git a/src/skeleton/README.md b/src/skeleton/README.md index d6bdb0d7c..21661ef15 100644 --- a/src/skeleton/README.md +++ b/src/skeleton/README.md @@ -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_ | - | diff --git a/src/skeleton/README.zh-CN.md b/src/skeleton/README.zh-CN.md index 3e28eb286..ca19f0ddd 100644 --- a/src/skeleton/README.zh-CN.md +++ b/src/skeleton/README.zh-CN.md @@ -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_ | - | diff --git a/src/slider/README.md b/src/slider/README.md index 0e7575911..fae86b5ea 100644 --- a/src/slider/README.md +++ b/src/slider/README.md @@ -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)_ | - | diff --git a/src/slider/README.zh-CN.md b/src/slider/README.zh-CN.md index d25d756e9..d6e978fb6 100644 --- a/src/slider/README.zh-CN.md +++ b/src/slider/README.zh-CN.md @@ -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)_ | - | diff --git a/src/stepper/README.md b/src/stepper/README.md index 7ab8bda18..0be91a94c 100644 --- a/src/stepper/README.md +++ b/src/stepper/README.md @@ -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)_ | - | diff --git a/src/stepper/README.zh-CN.md b/src/stepper/README.zh-CN.md index dd4f455b5..c40436077 100644 --- a/src/stepper/README.zh-CN.md +++ b/src/stepper/README.zh-CN.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)_ | - | ## 常见问题 diff --git a/src/steps/README.md b/src/steps/README.md index 0baf09967..2226c366f 100644 --- a/src/steps/README.md +++ b/src/steps/README.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)_ | - | diff --git a/src/steps/README.zh-CN.md b/src/steps/README.zh-CN.md index 0a995c0e8..5acbb99c1 100644 --- a/src/steps/README.zh-CN.md +++ b/src/steps/README.zh-CN.md @@ -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)_ | - | diff --git a/src/sticky/README.md b/src/sticky/README.md index 70525a019..9901b105b 100644 --- a/src/sticky/README.md +++ b/src/sticky/README.md @@ -86,4 +86,4 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | -------------------- | ------------- | ----------- | -| --van-sticky-z-index | `99` | - | +| --van-sticky-z-index | _99_ | - | diff --git a/src/sticky/README.zh-CN.md b/src/sticky/README.zh-CN.md index 01fb8a828..59a6e5851 100644 --- a/src/sticky/README.zh-CN.md +++ b/src/sticky/README.zh-CN.md @@ -94,4 +94,4 @@ export default { | 名称 | 默认值 | 描述 | | -------------------- | ------ | ---- | -| --van-sticky-z-index | `99` | - | +| --van-sticky-z-index | _99_ | - | diff --git a/src/submit-bar/README.md b/src/submit-bar/README.md index be7ade9b8..705d98772 100644 --- a/src/submit-bar/README.md +++ b/src/submit-bar/README.md @@ -128,21 +128,21 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-submit-bar-height | `50px` | - | -| --van-submit-bar-z-index | `100` | - | -| --van-submit-bar-background-color | `var(--van-white)` | - | -| --van-submit-bar-button-width | `110px` | - | -| --van-submit-bar-price-color | `var(--van-red)` | - | -| --van-submit-bar-text-color | `var(--van-text-color)` | - | -| --van-submit-bar-text-font-size | `var(--van-font-size-md)` | - | -| --van-submit-bar-tip-padding | `var(--van-padding-xs) var(--van-padding-sm)` | - | -| --van-submit-bar-tip-font-size | `var(--van-font-size-sm)` | - | -| --van-submit-bar-tip-line-height | `1.5` | - | -| --van-submit-bar-tip-color | `#f56723` | - | -| --van-submit-bar-tip-background-color | `#fff7cc` | - | -| --van-submit-bar-tip-icon-size | `12px` | - | -| --van-submit-bar-button-height | `40px` | - | -| --van-submit-bar-padding | `0 var(--van-padding-md)` | - | -| --van-submit-bar-price-font-size | `var(--van-font-size-sm)` | - | -| --van-submit-bar-price-integer-font-size | `20px` | - | -| --van-submit-bar-price-font-family | `var(--van-price-integer-font-family)` | - | +| --van-submit-bar-height | _50px_ | - | +| --van-submit-bar-z-index | _100_ | - | +| --van-submit-bar-background-color | _var(--van-white)_ | - | +| --van-submit-bar-button-width | _110px_ | - | +| --van-submit-bar-price-color | _var(--van-red)_ | - | +| --van-submit-bar-text-color | _var(--van-text-color)_ | - | +| --van-submit-bar-text-font-size | _var(--van-font-size-md)_ | - | +| --van-submit-bar-tip-padding | _var(--van-padding-xs) var(--van-padding-sm)_ | - | +| --van-submit-bar-tip-font-size | _var(--van-font-size-sm)_ | - | +| --van-submit-bar-tip-line-height | _1.5_ | - | +| --van-submit-bar-tip-color | _#f56723_ | - | +| --van-submit-bar-tip-background-color | _#fff7cc_ | - | +| --van-submit-bar-tip-icon-size | _12px_ | - | +| --van-submit-bar-button-height | _40px_ | - | +| --van-submit-bar-padding | _0 var(--van-padding-md)_ | - | +| --van-submit-bar-price-font-size | _var(--van-font-size-sm)_ | - | +| --van-submit-bar-price-integer-font-size | _20px_ | - | +| --van-submit-bar-price-font-family | _var(--van-price-integer-font-family)_ | - | diff --git a/src/submit-bar/README.zh-CN.md b/src/submit-bar/README.zh-CN.md index 581d564bc..92c173cc3 100644 --- a/src/submit-bar/README.zh-CN.md +++ b/src/submit-bar/README.zh-CN.md @@ -135,21 +135,21 @@ export default { | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-submit-bar-height | `50px` | - | -| --van-submit-bar-z-index | `100` | - | -| --van-submit-bar-background-color | `var(--van-white)` | - | -| --van-submit-bar-button-width | `110px` | - | -| --van-submit-bar-price-color | `var(--van-red)` | - | -| --van-submit-bar-text-color | `var(--van-text-color)` | - | -| --van-submit-bar-text-font-size | `var(--van-font-size-md)` | - | -| --van-submit-bar-tip-padding | `var(--van-padding-xs) var(--van-padding-sm)` | - | -| --van-submit-bar-tip-font-size | `var(--van-font-size-sm)` | - | -| --van-submit-bar-tip-line-height | `1.5` | - | -| --van-submit-bar-tip-color | `#f56723` | - | -| --van-submit-bar-tip-background-color | `#fff7cc` | - | -| --van-submit-bar-tip-icon-size | `12px` | - | -| --van-submit-bar-button-height | `40px` | - | -| --van-submit-bar-padding | `0 var(--van-padding-md)` | - | -| --van-submit-bar-price-font-size | `var(--van-font-size-sm)` | - | -| --van-submit-bar-price-integer-font-size | `20px` | - | -| --van-submit-bar-price-font-family | `var(--van-price-integer-font-family)` | - | +| --van-submit-bar-height | _50px_ | - | +| --van-submit-bar-z-index | _100_ | - | +| --van-submit-bar-background-color | _var(--van-white)_ | - | +| --van-submit-bar-button-width | _110px_ | - | +| --van-submit-bar-price-color | _var(--van-red)_ | - | +| --van-submit-bar-text-color | _var(--van-text-color)_ | - | +| --van-submit-bar-text-font-size | _var(--van-font-size-md)_ | - | +| --van-submit-bar-tip-padding | _var(--van-padding-xs) var(--van-padding-sm)_ | - | +| --van-submit-bar-tip-font-size | _var(--van-font-size-sm)_ | - | +| --van-submit-bar-tip-line-height | _1.5_ | - | +| --van-submit-bar-tip-color | _#f56723_ | - | +| --van-submit-bar-tip-background-color | _#fff7cc_ | - | +| --van-submit-bar-tip-icon-size | _12px_ | - | +| --van-submit-bar-button-height | _40px_ | - | +| --van-submit-bar-padding | _0 var(--van-padding-md)_ | - | +| --van-submit-bar-price-font-size | _var(--van-font-size-sm)_ | - | +| --van-submit-bar-price-integer-font-size | _20px_ | - | +| --van-submit-bar-price-font-family | _var(--van-price-integer-font-family)_ | - | diff --git a/src/swipe-cell/README.md b/src/swipe-cell/README.md index 6286a42ea..47ee532b9 100644 --- a/src/swipe-cell/README.md +++ b/src/swipe-cell/README.md @@ -152,7 +152,7 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-switch-cell-padding-top | `var(--van-cell-vertical-padding) - 1px` | - | -| --van-switch-cell-padding-bottom | `var(--van-cell-vertical-padding) - 1px` | - | -| --van-switch-cell-large-padding-top | `var(--van-cell-large-vertical-padding) - 1px` | - | -| --van-switch-cell-large-padding-bottom | `var(--van-cell-large-vertical-padding) - 1px` | - | +| --van-switch-cell-padding-top | _var(--van-cell-vertical-padding) - 1px_ | - | +| --van-switch-cell-padding-bottom | _var(--van-cell-vertical-padding) - 1px_ | - | +| --van-switch-cell-large-padding-top | _var(--van-cell-large-vertical-padding) - 1px_ | - | +| --van-switch-cell-large-padding-bottom | _var(--van-cell-large-vertical-padding) - 1px_ | - | diff --git a/src/swipe-cell/README.zh-CN.md b/src/swipe-cell/README.zh-CN.md index cbbb4a5fa..73431f98b 100644 --- a/src/swipe-cell/README.zh-CN.md +++ b/src/swipe-cell/README.zh-CN.md @@ -161,10 +161,10 @@ beforeClose 的第一个参数为对象，对象中包含以下属性： | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-switch-cell-padding-top | `var(--van-cell-vertical-padding) - 1px` | - | -| --van-switch-cell-padding-bottom | `var(--van-cell-vertical-padding) - 1px` | - | -| --van-switch-cell-large-padding-top | `var(--van-cell-large-vertical-padding) - 1px` | - | -| --van-switch-cell-large-padding-bottom | `var(--van-cell-large-vertical-padding) - 1px` | - | +| --van-switch-cell-padding-top | _var(--van-cell-vertical-padding) - 1px_ | - | +| --van-switch-cell-padding-bottom | _var(--van-cell-vertical-padding) - 1px_ | - | +| --van-switch-cell-large-padding-top | _var(--van-cell-large-vertical-padding) - 1px_ | - | +| --van-switch-cell-large-padding-bottom | _var(--van-cell-large-vertical-padding) - 1px_ | - | ## 常见问题 diff --git a/src/swipe/README.md b/src/swipe/README.md index 505b599f1..dfa092fe5 100644 --- a/src/swipe/README.md +++ b/src/swipe/README.md @@ -198,9 +198,9 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-swipe-indicator-size | `6px` | - | -| --van-swipe-indicator-margin | `var(--van-padding-sm)` | - | -| --van-swipe-indicator-active-opacity | `1` | - | -| --van-swipe-indicator-inactive-opacity | `0.3` | - | -| --van-swipe-indicator-active-background-color | `var(--van-blue)` | - | -| --van-swipe-indicator-inactive-background-color | `var(--van-border-color)` | - | +| --van-swipe-indicator-size | _6px_ | - | +| --van-swipe-indicator-margin | _var(--van-padding-sm)_ | - | +| --van-swipe-indicator-active-opacity | _1_ | - | +| --van-swipe-indicator-inactive-opacity | _0.3_ | - | +| --van-swipe-indicator-active-background-color | _var(--van-blue)_ | - | +| --van-swipe-indicator-inactive-background-color | _var(--van-border-color)_ | - | diff --git a/src/swipe/README.zh-CN.md b/src/swipe/README.zh-CN.md index 25a218122..fb936bd1c 100644 --- a/src/swipe/README.zh-CN.md +++ b/src/swipe/README.zh-CN.md @@ -206,12 +206,12 @@ export default { | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-swipe-indicator-size | `6px` | - | -| --van-swipe-indicator-margin | `var(--van-padding-sm)` | - | -| --van-swipe-indicator-active-opacity | `1` | - | -| --van-swipe-indicator-inactive-opacity | `0.3` | - | -| --van-swipe-indicator-active-background-color | `var(--van-blue)` | - | -| --van-swipe-indicator-inactive-background-color | `var(--van-border-color)` | - | +| --van-swipe-indicator-size | _6px_ | - | +| --van-swipe-indicator-margin | _var(--van-padding-sm)_ | - | +| --van-swipe-indicator-active-opacity | _1_ | - | +| --van-swipe-indicator-inactive-opacity | _0.3_ | - | +| --van-swipe-indicator-active-background-color | _var(--van-blue)_ | - | +| --van-swipe-indicator-inactive-background-color | _var(--van-border-color)_ | - | ## 常见问题 diff --git a/src/switch/README.md b/src/switch/README.md index 19649fc49..1da3e4263 100644 --- a/src/switch/README.md +++ b/src/switch/README.md @@ -127,14 +127,14 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-switch-size | `30px` | - | -| --van-switch-width | `2em` | - | -| --van-switch-height | `1em` | - | -| --van-switch-node-size | `1em` | - | -| --van-switch-node-background-color | `var(--van-white)` | - | -| --van-switch-node-box-shadow | `0 3px 1px 0 rgba(0, 0, 0, 0.05)` | - | -| --van-switch-background-color | `var(--van-white)` | - | -| --van-switch-on-background-color | `var(--van-blue)` | - | -| --van-switch-transition-duration | `var(--van-animation-duration-base)` | - | -| --van-switch-disabled-opacity | `var(--van-disabled-opacity)` | - | -| --van-switch-border | `var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)` | - | +| --van-switch-size | _30px_ | - | +| --van-switch-width | _2em_ | - | +| --van-switch-height | _1em_ | - | +| --van-switch-node-size | _1em_ | - | +| --van-switch-node-background-color | _var(--van-white)_ | - | +| --van-switch-node-box-shadow | _0 3px 1px 0 rgba(0, 0, 0, 0.05)_ | - | +| --van-switch-background-color | _var(--van-white)_ | - | +| --van-switch-on-background-color | _var(--van-blue)_ | - | +| --van-switch-transition-duration | _var(--van-animation-duration-base)_ | - | +| --van-switch-disabled-opacity | _var(--van-disabled-opacity)_ | - | +| --van-switch-border | _var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)_ | - | diff --git a/src/switch/README.zh-CN.md b/src/switch/README.zh-CN.md index 5e641093f..324c1b1b0 100644 --- a/src/switch/README.zh-CN.md +++ b/src/switch/README.zh-CN.md @@ -139,14 +139,14 @@ export default { | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-switch-size | `30px` | - | -| --van-switch-width | `2em` | - | -| --van-switch-height | `1em` | - | -| --van-switch-node-size | `1em` | - | -| --van-switch-node-background-color | `var(--van-white)` | - | -| --van-switch-node-box-shadow | `0 3px 1px 0 rgba(0, 0, 0, 0.05)` | - | -| --van-switch-background-color | `var(--van-white)` | - | -| --van-switch-on-background-color | `var(--van-blue)` | - | -| --van-switch-transition-duration | `var(--van-animation-duration-base)` | - | -| --van-switch-disabled-opacity | `var(--van-disabled-opacity)` | - | -| --van-switch-border | `var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)` | - | +| --van-switch-size | _30px_ | - | +| --van-switch-width | _2em_ | - | +| --van-switch-height | _1em_ | - | +| --van-switch-node-size | _1em_ | - | +| --van-switch-node-background-color | _var(--van-white)_ | - | +| --van-switch-node-box-shadow | _0 3px 1px 0 rgba(0, 0, 0, 0.05)_ | - | +| --van-switch-background-color | _var(--van-white)_ | - | +| --van-switch-on-background-color | _var(--van-blue)_ | - | +| --van-switch-transition-duration | _var(--van-animation-duration-base)_ | - | +| --van-switch-disabled-opacity | _var(--van-disabled-opacity)_ | - | +| --van-switch-border | _var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)_ | - | diff --git a/src/tab/README.md b/src/tab/README.md index 86063c374..7495ffad2 100644 --- a/src/tab/README.md +++ b/src/tab/README.md @@ -308,15 +308,15 @@ 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-active-text-color | `var(--van-text-color)` | - | -| --van-tab-disabled-text-color | `var(--van-gary-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-red)` | - | -| --van-tabs-line-height | `44px` | - | -| --van-tabs-card-height | `30px` | - | -| --van-tabs-nav-background-color | `var(--van-white)` | - | -| --van-tabs-bottom-bar-width | `40px` | - | -| --van-tabs-bottom-bar-height | `3px` | - | -| --van-tabs-bottom-bar-color | `var(--van-red)` | - | +| --van-tab-text-color | _var(--van-gary-7)_ | - | +| --van-tab-active-text-color | _var(--van-text-color)_ | - | +| --van-tab-disabled-text-color | _var(--van-gary-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-red)_ | - | +| --van-tabs-line-height | _44px_ | - | +| --van-tabs-card-height | _30px_ | - | +| --van-tabs-nav-background-color | _var(--van-white)_ | - | +| --van-tabs-bottom-bar-width | _40px_ | - | +| --van-tabs-bottom-bar-height | _3px_ | - | +| --van-tabs-bottom-bar-color | _var(--van-red)_ | - | diff --git a/src/tab/README.zh-CN.md b/src/tab/README.zh-CN.md index 0b31def86..100b6b73a 100644 --- a/src/tab/README.zh-CN.md +++ b/src/tab/README.zh-CN.md @@ -315,18 +315,18 @@ export default { | 名称 | 默认值 | 描述 | | ------------------------------- | --------------------------- | ---- | -| --van-tab-text-color | `var(--van-gary-7)` | - | -| --van-tab-active-text-color | `var(--van-text-color)` | - | -| --van-tab-disabled-text-color | `var(--van-gary-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-red)` | - | -| --van-tabs-line-height | `44px` | - | -| --van-tabs-card-height | `30px` | - | -| --van-tabs-nav-background-color | `var(--van-white)` | - | -| --van-tabs-bottom-bar-width | `40px` | - | -| --van-tabs-bottom-bar-height | `3px` | - | -| --van-tabs-bottom-bar-color | `var(--van-red)` | - | +| --van-tab-text-color | _var(--van-gary-7)_ | - | +| --van-tab-active-text-color | _var(--van-text-color)_ | - | +| --van-tab-disabled-text-color | _var(--van-gary-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-red)_ | - | +| --van-tabs-line-height | _44px_ | - | +| --van-tabs-card-height | _30px_ | - | +| --van-tabs-nav-background-color | _var(--van-white)_ | - | +| --van-tabs-bottom-bar-width | _40px_ | - | +| --van-tabs-bottom-bar-height | _3px_ | - | +| --van-tabs-bottom-bar-color | _var(--van-red)_ | - | ## 常见问题 diff --git a/src/tabbar/README.md b/src/tabbar/README.md index 5f6959e30..a39163079 100644 --- a/src/tabbar/README.md +++ b/src/tabbar/README.md @@ -206,13 +206,13 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-tabbar-height | `50px` | - | -| --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-active-color | `var(--van-blue)` | - | -| --van-tabbar-item-active-background-color | `var(--van-white)` | - | -| --van-tabbar-item-line-height | `1` | - | -| --van-tabbar-item-icon-size | `22px` | - | -| --van-tabbar-item-margin-bottom | `4px` | - | +| --van-tabbar-height | _50px_ | - | +| --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-active-color | _var(--van-blue)_ | - | +| --van-tabbar-item-active-background-color | _var(--van-white)_ | - | +| --van-tabbar-item-line-height | _1_ | - | +| --van-tabbar-item-icon-size | _22px_ | - | +| --van-tabbar-item-margin-bottom | _4px_ | - | diff --git a/src/tabbar/README.zh-CN.md b/src/tabbar/README.zh-CN.md index 39753d490..80d08b3b2 100644 --- a/src/tabbar/README.zh-CN.md +++ b/src/tabbar/README.zh-CN.md @@ -218,13 +218,13 @@ export default { | 名称 | 默认值 | 描述 | | ----------------------------------------- | ------------------------- | ---- | -| --van-tabbar-height | `50px` | - | -| --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-active-color | `var(--van-blue)` | - | -| --van-tabbar-item-active-background-color | `var(--van-white)` | - | -| --van-tabbar-item-line-height | `1` | - | -| --van-tabbar-item-icon-size | `22px` | - | -| --van-tabbar-item-margin-bottom | `4px` | - | +| --van-tabbar-height | _50px_ | - | +| --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-active-color | _var(--van-blue)_ | - | +| --van-tabbar-item-active-background-color | _var(--van-white)_ | - | +| --van-tabbar-item-line-height | _1_ | - | +| --van-tabbar-item-icon-size | _22px_ | - | +| --van-tabbar-item-margin-bottom | _4px_ | - | diff --git a/src/tag/README.md b/src/tag/README.md index e40f582b6..e7e3a977b 100644 --- a/src/tag/README.md +++ b/src/tag/README.md @@ -122,19 +122,19 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-tag-padding | `0 var(--van-padding-base)` | - | -| --van-tag-text-color | `var(--van-white)` | - | -| --van-tag-font-size | `var(--van-font-size-sm)` | - | -| --van-tag-border-radius | `2px` | - | -| --van-tag-line-height | `16px` | - | -| --van-tag-medium-padding | `2px 6px` | - | -| --van-tag-large-padding | `var(--van-padding-base) var(--van-padding-xs)` | - | -| --van-tag-large-border-radius | `var(--van-border-radius-md)` | - | -| --van-tag-large-font-size | `var(--van-font-size-md)` | - | -| --van-tag-round-border-radius | `var(--van-border-radius-max)` | - | -| --van-tag-danger-color | `var(--van-red)` | - | -| --van-tag-primary-color | `var(--van-blue)` | - | -| --van-tag-success-color | `var(--van-green)` | - | -| --van-tag-warning-color | `var(--van-orange)` | - | -| --van-tag-default-color | `var(--van-gary-6)` | - | -| --van-tag-plain-background-color | `var(--van-white)` | - | +| --van-tag-padding | _0 var(--van-padding-base)_ | - | +| --van-tag-text-color | _var(--van-white)_ | - | +| --van-tag-font-size | _var(--van-font-size-sm)_ | - | +| --van-tag-border-radius | _2px_ | - | +| --van-tag-line-height | _16px_ | - | +| --van-tag-medium-padding | _2px 6px_ | - | +| --van-tag-large-padding | _var(--van-padding-base) var(--van-padding-xs)_ | - | +| --van-tag-large-border-radius | _var(--van-border-radius-md)_ | - | +| --van-tag-large-font-size | _var(--van-font-size-md)_ | - | +| --van-tag-round-border-radius | _var(--van-border-radius-max)_ | - | +| --van-tag-danger-color | _var(--van-red)_ | - | +| --van-tag-primary-color | _var(--van-blue)_ | - | +| --van-tag-success-color | _var(--van-green)_ | - | +| --van-tag-warning-color | _var(--van-orange)_ | - | +| --van-tag-default-color | _var(--van-gary-6)_ | - | +| --van-tag-plain-background-color | _var(--van-white)_ | - | diff --git a/src/tag/README.zh-CN.md b/src/tag/README.zh-CN.md index 781554418..93cf8bb83 100644 --- a/src/tag/README.zh-CN.md +++ b/src/tag/README.zh-CN.md @@ -136,19 +136,19 @@ export default { | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-tag-padding | `0 var(--van-padding-base)` | - | -| --van-tag-text-color | `var(--van-white)` | - | -| --van-tag-font-size | `var(--van-font-size-sm)` | - | -| --van-tag-border-radius | `2px` | - | -| --van-tag-line-height | `16px` | - | -| --van-tag-medium-padding | `2px 6px` | - | -| --van-tag-large-padding | `var(--van-padding-base) var(--van-padding-xs)` | - | -| --van-tag-large-border-radius | `var(--van-border-radius-md)` | - | -| --van-tag-large-font-size | `var(--van-font-size-md)` | - | -| --van-tag-round-border-radius | `var(--van-border-radius-max)` | - | -| --van-tag-danger-color | `var(--van-red)` | - | -| --van-tag-primary-color | `var(--van-blue)` | - | -| --van-tag-success-color | `var(--van-green)` | - | -| --van-tag-warning-color | `var(--van-orange)` | - | -| --van-tag-default-color | `var(--van-gary-6)` | - | -| --van-tag-plain-background-color | `var(--van-white)` | - | +| --van-tag-padding | _0 var(--van-padding-base)_ | - | +| --van-tag-text-color | _var(--van-white)_ | - | +| --van-tag-font-size | _var(--van-font-size-sm)_ | - | +| --van-tag-border-radius | _2px_ | - | +| --van-tag-line-height | _16px_ | - | +| --van-tag-medium-padding | _2px 6px_ | - | +| --van-tag-large-padding | _var(--van-padding-base) var(--van-padding-xs)_ | - | +| --van-tag-large-border-radius | _var(--van-border-radius-md)_ | - | +| --van-tag-large-font-size | _var(--van-font-size-md)_ | - | +| --van-tag-round-border-radius | _var(--van-border-radius-max)_ | - | +| --van-tag-danger-color | _var(--van-red)_ | - | +| --van-tag-primary-color | _var(--van-blue)_ | - | +| --van-tag-success-color | _var(--van-green)_ | - | +| --van-tag-warning-color | _var(--van-orange)_ | - | +| --van-tag-default-color | _var(--van-gary-6)_ | - | +| --van-tag-plain-background-color | _var(--van-white)_ | - | diff --git a/src/toast/README.md b/src/toast/README.md index f41b4cadb..2da2a9ca1 100644 --- a/src/toast/README.md +++ b/src/toast/README.md @@ -181,18 +181,18 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-toast-max-width | `70%` | - | -| --van-toast-font-size | `var(--van-font-size-md)` | - | -| --van-toast-text-color | `var(--van-white)` | - | -| --van-toast-loading-icon-color | `var(--van-white)` | - | -| --van-toast-line-height | `var(--van-line-height-md)` | - | -| --van-toast-border-radius | `var(--van-border-radius-lg)` | - | -| --van-toast-background-color | `fade(var(--van-black), 70%)` | - | -| --van-toast-icon-size | `36px` | - | -| --van-toast-text-min-width | `96px` | - | -| --van-toast-text-padding | `var(--van-padding-xs) var(--van-padding-sm)` | - | -| --van-toast-default-padding | `var(--van-padding-md)` | - | -| --van-toast-default-width | `88px` | - | -| --van-toast-default-min-height | `88px` | - | -| --van-toast-position-top-distance | `20%` | - | -| --van-toast-position-bottom-distance | `20%` | - | +| --van-toast-max-width | _70%_ | - | +| --van-toast-font-size | _var(--van-font-size-md)_ | - | +| --van-toast-text-color | _var(--van-white)_ | - | +| --van-toast-loading-icon-color | _var(--van-white)_ | - | +| --van-toast-line-height | _var(--van-line-height-md)_ | - | +| --van-toast-border-radius | _var(--van-border-radius-lg)_ | - | +| --van-toast-background-color | _fade(var(--van-black), 70%)_ | - | +| --van-toast-icon-size | _36px_ | - | +| --van-toast-text-min-width | _96px_ | - | +| --van-toast-text-padding | _var(--van-padding-xs) var(--van-padding-sm)_ | - | +| --van-toast-default-padding | _var(--van-padding-md)_ | - | +| --van-toast-default-width | _88px_ | - | +| --van-toast-default-min-height | _88px_ | - | +| --van-toast-position-top-distance | _20%_ | - | +| --van-toast-position-bottom-distance | _20%_ | - | diff --git a/src/toast/README.zh-CN.md b/src/toast/README.zh-CN.md index 1a0aeb7ee..ed1764809 100644 --- a/src/toast/README.zh-CN.md +++ b/src/toast/README.zh-CN.md @@ -192,18 +192,18 @@ Toast.resetDefaultOptions('loading'); | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-toast-max-width | `70%` | - | -| --van-toast-font-size | `var(--van-font-size-md)` | - | -| --van-toast-text-color | `var(--van-white)` | - | -| --van-toast-loading-icon-color | `var(--van-white)` | - | -| --van-toast-line-height | `var(--van-line-height-md)` | - | -| --van-toast-border-radius | `var(--van-border-radius-lg)` | - | -| --van-toast-background-color | `fade(var(--van-black), 70%)` | - | -| --van-toast-icon-size | `36px` | - | -| --van-toast-text-min-width | `96px` | - | -| --van-toast-text-padding | `var(--van-padding-xs) var(--van-padding-sm)` | - | -| --van-toast-default-padding | `var(--van-padding-md)` | - | -| --van-toast-default-width | `88px` | - | -| --van-toast-default-min-height | `88px` | - | -| --van-toast-position-top-distance | `20%` | - | -| --van-toast-position-bottom-distance | `20%` | - | +| --van-toast-max-width | _70%_ | - | +| --van-toast-font-size | _var(--van-font-size-md)_ | - | +| --van-toast-text-color | _var(--van-white)_ | - | +| --van-toast-loading-icon-color | _var(--van-white)_ | - | +| --van-toast-line-height | _var(--van-line-height-md)_ | - | +| --van-toast-border-radius | _var(--van-border-radius-lg)_ | - | +| --van-toast-background-color | _fade(var(--van-black), 70%)_ | - | +| --van-toast-icon-size | _36px_ | - | +| --van-toast-text-min-width | _96px_ | - | +| --van-toast-text-padding | _var(--van-padding-xs) var(--van-padding-sm)_ | - | +| --van-toast-default-padding | _var(--van-padding-md)_ | - | +| --van-toast-default-width | _88px_ | - | +| --van-toast-default-min-height | _88px_ | - | +| --van-toast-position-top-distance | _20%_ | - | +| --van-toast-position-bottom-distance | _20%_ | - | diff --git a/src/tree-select/README.md b/src/tree-select/README.md index 8b3b61a4d..dd71b1326 100644 --- a/src/tree-select/README.md +++ b/src/tree-select/README.md @@ -236,11 +236,11 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-tree-select-font-size | `var(--van-font-size-md)` | - | -| --van-tree-select-nav-background-color | `var(--van-background-color)` | - | -| --van-tree-select-content-background-color | `var(--van-white)` | - | -| --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-red)` | - | -| --van-tree-select-item-disabled-color | `var(--van-gary-5)` | - | -| --van-tree-select-item-selected-size | `16px` | - | +| --van-tree-select-font-size | _var(--van-font-size-md)_ | - | +| --van-tree-select-nav-background-color | _var(--van-background-color)_ | - | +| --van-tree-select-content-background-color | _var(--van-white)_ | - | +| --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-red)_ | - | +| --van-tree-select-item-disabled-color | _var(--van-gary-5)_ | - | +| --van-tree-select-item-selected-size | _16px_ | - | diff --git a/src/tree-select/README.zh-CN.md b/src/tree-select/README.zh-CN.md index cc8ba582a..9c24207f4 100644 --- a/src/tree-select/README.zh-CN.md +++ b/src/tree-select/README.zh-CN.md @@ -242,11 +242,11 @@ export default { | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-tree-select-font-size | `var(--van-font-size-md)` | - | -| --van-tree-select-nav-background-color | `var(--van-background-color)` | - | -| --van-tree-select-content-background-color | `var(--van-white)` | - | -| --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-red)` | - | -| --van-tree-select-item-disabled-color | `var(--van-gary-5)` | - | -| --van-tree-select-item-selected-size | `16px` | - | +| --van-tree-select-font-size | _var(--van-font-size-md)_ | - | +| --van-tree-select-nav-background-color | _var(--van-background-color)_ | - | +| --van-tree-select-content-background-color | _var(--van-white)_ | - | +| --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-red)_ | - | +| --van-tree-select-item-disabled-color | _var(--van-gary-5)_ | - | +| --van-tree-select-item-selected-size | _16px_ | - | diff --git a/src/uploader/README.md b/src/uploader/README.md index 346484feb..a217ced6a 100644 --- a/src/uploader/README.md +++ b/src/uploader/README.md @@ -362,28 +362,28 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --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-text-font-size | `var(--van-font-size-sm)` | - | -| --van-uploader-upload-background-color | `var(--van-gary-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-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-mask-text-color | `var(--van-white)` | - | -| --van-uploader-mask-background-color | `fade(var(--van-gray-8), 88%)` | - | -| --van-uploader-mask-icon-size | `22px` | - | -| --van-uploader-mask-message-font-size | `var(--van-font-size-sm)` | - | -| --van-uploader-mask-message-line-height | `var(--van-line-height-xs)` | - | -| --van-uploader-loading-icon-size | `22px` | - | -| --van-uploader-loading-icon-color | `var(--van-white)` | - | -| --van-uploader-disabled-opacity | `var(--van-disabled-opacity)` | - | +| --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-text-font-size | _var(--van-font-size-sm)_ | - | +| --van-uploader-upload-background-color | _var(--van-gary-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-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-mask-text-color | _var(--van-white)_ | - | +| --van-uploader-mask-background-color | _fade(var(--van-gray-8), 88%)_ | - | +| --van-uploader-mask-icon-size | _22px_ | - | +| --van-uploader-mask-message-font-size | _var(--van-font-size-sm)_ | - | +| --van-uploader-mask-message-line-height | _var(--van-line-height-xs)_ | - | +| --van-uploader-loading-icon-size | _22px_ | - | +| --van-uploader-loading-icon-color | _var(--van-white)_ | - | +| --van-uploader-disabled-opacity | _var(--van-disabled-opacity)_ | - | diff --git a/src/uploader/README.zh-CN.md b/src/uploader/README.zh-CN.md index 44814ba76..44b22ace3 100644 --- a/src/uploader/README.zh-CN.md +++ b/src/uploader/README.zh-CN.md @@ -387,31 +387,31 @@ 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-text-font-size | `var(--van-font-size-sm)` | - | -| --van-uploader-upload-background-color | `var(--van-gary-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-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-mask-text-color | `var(--van-white)` | - | -| --van-uploader-mask-background-color | `fade(var(--van-gray-8), 88%)` | - | -| --van-uploader-mask-icon-size | `22px` | - | -| --van-uploader-mask-message-font-size | `var(--van-font-size-sm)` | - | -| --van-uploader-mask-message-line-height | `var(--van-line-height-xs)` | - | -| --van-uploader-loading-icon-size | `22px` | - | -| --van-uploader-loading-icon-color | `var(--van-white)` | - | -| --van-uploader-disabled-opacity | `var(--van-disabled-opacity)` | - | +| --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-text-font-size | _var(--van-font-size-sm)_ | - | +| --van-uploader-upload-background-color | _var(--van-gary-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-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-mask-text-color | _var(--van-white)_ | - | +| --van-uploader-mask-background-color | _fade(var(--van-gray-8), 88%)_ | - | +| --van-uploader-mask-icon-size | _22px_ | - | +| --van-uploader-mask-message-font-size | _var(--van-font-size-sm)_ | - | +| --van-uploader-mask-message-line-height | _var(--van-line-height-xs)_ | - | +| --van-uploader-loading-icon-size | _22px_ | - | +| --van-uploader-loading-icon-color | _var(--van-white)_ | - | +| --van-uploader-disabled-opacity | _var(--van-disabled-opacity)_ | - | ## 常见问题