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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 2 deletions

View File

@ -79,7 +79,7 @@
"postcss": "^8.3.6",
"postcss-load-config": "^3.1.0",
"postcss-loader": "^6.1.1",
"prettier": "2.3.2",
"prettier": "^2.3.2",
"release-it": "^14.11.5",
"sass": "^1.38.0",
"sass-loader": "^12.1.0",

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

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

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;

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