diff --git a/src/picker/README.md b/src/picker/README.md index c95827dc1..b428ef3e6 100644 --- a/src/picker/README.md +++ b/src/picker/README.md @@ -397,6 +397,7 @@ The component provides the following CSS variables, which can be used to customi | --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-padding | _0 var(--van-padding-base)_ | - | | --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_ | - | diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md index b8d69a854..333dd8bef 100644 --- a/src/picker/README.zh-CN.md +++ b/src/picker/README.zh-CN.md @@ -422,6 +422,7 @@ export default { | --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-padding | _0 var(--van-padding-base)_ | - | | --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_ | - | diff --git a/src/picker/index.less b/src/picker/index.less index ecdfb22ef..0f931c1c0 100644 --- a/src/picker/index.less +++ b/src/picker/index.less @@ -10,6 +10,7 @@ --van-picker-confirm-action-color: @picker-confirm-action-color; --van-picker-cancel-action-color: @picker-cancel-action-color; --van-picker-option-font-size: @picker-option-font-size; + --van-picker-option-padding: @picker-option-padding; --van-picker-option-text-color: @picker-option-text-color; --van-picker-option-disabled-opacity: @picker-option-disabled-opacity; --van-picker-loading-icon-color: @picker-loading-icon-color; @@ -121,7 +122,7 @@ display: flex; align-items: center; justify-content: center; - padding: 0 var(--van-padding-base); + padding: var(--van-picker-option-padding); color: var(--van-picker-option-text-color); &--disabled { diff --git a/src/picker/var.less b/src/picker/var.less index 08eda0183..e28d62097 100644 --- a/src/picker/var.less +++ b/src/picker/var.less @@ -8,6 +8,7 @@ @picker-action-font-size: var(--van-font-size-md); @picker-confirm-action-color: var(--van-text-link-color); @picker-cancel-action-color: var(--van-gray-6); +@picker-option-padding: 0 var(--van-padding-base); @picker-option-font-size: var(--van-font-size-lg); @picker-option-text-color: var(--van-black); @picker-option-disabled-opacity: 0.3;