feat(NumberKeyboard): add van-number-keyboard-key-background-color css var (#9303)

This commit is contained in:
neverland
2021-08-22 15:49:24 +08:00
committed by GitHub
parent 5966584a92
commit 152b220d55
5 changed files with 6 additions and 2 deletions
+1
View File
@@ -214,6 +214,7 @@ The component provides the following CSS variables, which can be used to customi
| --van-number-keyboard-key-height | _48px_ | - |
| --van-number-keyboard-key-font-size | _28px_ | - |
| --van-number-keyboard-key-active-color | _var(--van-gray-3)_ | - |
| --van-number-keyboard-key-background-color | _van(--van-white)_ | - |
| --van-number-keyboard-delete-font-size | _var(--van-font-size-lg)_ | - |
| --van-number-keyboard-title-color | _var(--van-gray-7)_ | - |
| --van-number-keyboard-title-height | _34px_ | - |
+1
View File
@@ -221,6 +221,7 @@ export default {
| --van-number-keyboard-key-height | _48px_ | - |
| --van-number-keyboard-key-font-size | _28px_ | - |
| --van-number-keyboard-key-active-color | _var(--van-gray-3)_ | - |
| --van-number-keyboard-key-background-color | _van(--van-white)_ | - |
| --van-number-keyboard-delete-font-size | _var(--van-font-size-lg)_ | - |
| --van-number-keyboard-title-color | _var(--van-gray-7)_ | - |
| --van-number-keyboard-title-height | _34px_ | - |
+2 -1
View File
@@ -5,6 +5,7 @@
--van-number-keyboard-key-height: @number-keyboard-key-height;
--van-number-keyboard-key-font-size: @number-keyboard-key-font-size;
--van-number-keyboard-key-active-color: @number-keyboard-key-active-color;
--van-number-keyboard-key-background-color: @number-keyboard-key-background-color;
--van-number-keyboard-delete-font-size: @number-keyboard-delete-font-size;
--van-number-keyboard-title-color: @number-keyboard-title-color;
--van-number-keyboard-title-height: @number-keyboard-title-height;
@@ -98,7 +99,7 @@
height: var(--van-number-keyboard-key-height);
font-size: var(--van-number-keyboard-key-font-size);
line-height: 1.5;
background-color: var(--van-white);
background-color: var(--van-number-keyboard-key-background-color);
border-radius: var(--van-border-radius-lg);
cursor: pointer;
+1
View File
@@ -3,6 +3,7 @@
@number-keyboard-background-color: var(--van-gray-2);
@number-keyboard-key-height: 48px;
@number-keyboard-key-font-size: 28px;
@number-keyboard-key-background-color: var(--van-white);
@number-keyboard-key-active-color: var(--van-gray-3);
@number-keyboard-delete-font-size: var(--van-font-size-lg);
@number-keyboard-title-color: var(--van-gray-7);