mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
feat(NumberKeyboard): add van-number-keyboard-key-background-color css var (#9303)
This commit is contained in:
parent
5966584a92
commit
152b220d55
@ -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",
|
||||
|
@ -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_ | - |
|
||||
|
@ -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_ | - |
|
||||
|
@ -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;
|
||||
|
||||
|
@ -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);
|
||||
|
Loading…
x
Reference in New Issue
Block a user