mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
style(Picker): add picker-option-padding CSS var (#8947)
This commit is contained in:
parent
ba4a28c3d8
commit
17c5c5d8a7
@ -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_ | - |
|
||||
|
@ -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_ | - |
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user