blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/picker/README.md
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-action-font-size | _var(--van-font-size-md)_ | - |
| --van-picker-confirm-action-color | _var(--van-text-link-color)_ | - | | --van-picker-confirm-action-color | _var(--van-text-link-color)_ | - |
| --van-picker-cancel-action-color | _var(--van-gary-6)_ | - | | --van-picker-cancel-action-color | _var(--van-gary-6)_ | - |
| --van-picker-option-padding | _0 var(--van-padding-base)_ | - |
| --van-picker-option-font-size | _var(--van-font-size-lg)_ | - | | --van-picker-option-font-size | _var(--van-font-size-lg)_ | - |
| --van-picker-option-text-color | _var(--van-black)_ | - | | --van-picker-option-text-color | _var(--van-black)_ | - |
| --van-picker-option-disabled-opacity | _0.3_ | - | | --van-picker-option-disabled-opacity | _0.3_ | - |

1
src/picker/README.zh-CN.md
View File

@ -422,6 +422,7 @@ export default {
| --van-picker-action-font-size | _var(--van-font-size-md)_ | - | | --van-picker-action-font-size | _var(--van-font-size-md)_ | - |
| --van-picker-confirm-action-color | _var(--van-text-link-color)_ | - | | --van-picker-confirm-action-color | _var(--van-text-link-color)_ | - |
| --van-picker-cancel-action-color | _var(--van-gary-6)_ | - | | --van-picker-cancel-action-color | _var(--van-gary-6)_ | - |
| --van-picker-option-padding | _0 var(--van-padding-base)_ | - |
| --van-picker-option-font-size | _var(--van-font-size-lg)_ | - | | --van-picker-option-font-size | _var(--van-font-size-lg)_ | - |
| --van-picker-option-text-color | _var(--van-black)_ | - | | --van-picker-option-text-color | _var(--van-black)_ | - |
| --van-picker-option-disabled-opacity | _0.3_ | - | | --van-picker-option-disabled-opacity | _0.3_ | - |

3
src/picker/index.less
View File

@ -10,6 +10,7 @@
--van-picker-confirm-action-color: @picker-confirm-action-color; --van-picker-confirm-action-color: @picker-confirm-action-color;
--van-picker-cancel-action-color: @picker-cancel-action-color; --van-picker-cancel-action-color: @picker-cancel-action-color;
--van-picker-option-font-size: @picker-option-font-size; --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-text-color: @picker-option-text-color;
--van-picker-option-disabled-opacity: @picker-option-disabled-opacity; --van-picker-option-disabled-opacity: @picker-option-disabled-opacity;
--van-picker-loading-icon-color: @picker-loading-icon-color; --van-picker-loading-icon-color: @picker-loading-icon-color;
@ -121,7 +122,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 var(--van-padding-base); padding: var(--van-picker-option-padding);
color: var(--van-picker-option-text-color); color: var(--van-picker-option-text-color);
&--disabled { &--disabled {

1
src/picker/var.less
View File

@ -8,6 +8,7 @@
@picker-action-font-size: var(--van-font-size-md); @picker-action-font-size: var(--van-font-size-md);
@picker-confirm-action-color: var(--van-text-link-color); @picker-confirm-action-color: var(--van-text-link-color);
@picker-cancel-action-color: var(--van-gray-6); @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-font-size: var(--van-font-size-lg);
@picker-option-text-color: var(--van-black); @picker-option-text-color: var(--van-black);
@picker-option-disabled-opacity: 0.3; @picker-option-disabled-opacity: 0.3;