style(Picker): add picker-option-padding CSS var (#8947)

This commit is contained in:
neverland 2021-06-28 20:52:50 +08:00 committed by GitHub
parent ba4a28c3d8
commit 17c5c5d8a7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 1 deletions

View File

@ -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_ | - |

View File

@ -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_ | - |

View File

@ -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 {

View File

@ -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;