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

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

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

2
packages/vant-cli/package.json
View File

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

1
src/number-keyboard/README.md
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-height | _48px_ | - |
| --van-number-keyboard-key-font-size | _28px_ | - | | --van-number-keyboard-key-font-size | _28px_ | - |
| --van-number-keyboard-key-active-color | _var(--van-gray-3)_ | - | | --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-delete-font-size | _var(--van-font-size-lg)_ | - |
| --van-number-keyboard-title-color | _var(--van-gray-7)_ | - | | --van-number-keyboard-title-color | _var(--van-gray-7)_ | - |
| --van-number-keyboard-title-height | _34px_ | - | | --van-number-keyboard-title-height | _34px_ | - |

1
src/number-keyboard/README.zh-CN.md
View File

@ -221,6 +221,7 @@ export default {
| --van-number-keyboard-key-height | _48px_ | - | | --van-number-keyboard-key-height | _48px_ | - |
| --van-number-keyboard-key-font-size | _28px_ | - | | --van-number-keyboard-key-font-size | _28px_ | - |
| --van-number-keyboard-key-active-color | _var(--van-gray-3)_ | - | | --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-delete-font-size | _var(--van-font-size-lg)_ | - |
| --van-number-keyboard-title-color | _var(--van-gray-7)_ | - | | --van-number-keyboard-title-color | _var(--van-gray-7)_ | - |
| --van-number-keyboard-title-height | _34px_ | - | | --van-number-keyboard-title-height | _34px_ | - |

3
src/number-keyboard/index.less
View File

@ -5,6 +5,7 @@
--van-number-keyboard-key-height: @number-keyboard-key-height; --van-number-keyboard-key-height: @number-keyboard-key-height;
--van-number-keyboard-key-font-size: @number-keyboard-key-font-size; --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-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-delete-font-size: @number-keyboard-delete-font-size;
--van-number-keyboard-title-color: @number-keyboard-title-color; --van-number-keyboard-title-color: @number-keyboard-title-color;
--van-number-keyboard-title-height: @number-keyboard-title-height; --van-number-keyboard-title-height: @number-keyboard-title-height;
@ -98,7 +99,7 @@
height: var(--van-number-keyboard-key-height); height: var(--van-number-keyboard-key-height);
font-size: var(--van-number-keyboard-key-font-size); font-size: var(--van-number-keyboard-key-font-size);
line-height: 1.5; 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); border-radius: var(--van-border-radius-lg);
cursor: pointer; cursor: pointer;

1
src/number-keyboard/var.less
View File

@ -3,6 +3,7 @@
@number-keyboard-background-color: var(--van-gray-2); @number-keyboard-background-color: var(--van-gray-2);
@number-keyboard-key-height: 48px; @number-keyboard-key-height: 48px;
@number-keyboard-key-font-size: 28px; @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-key-active-color: var(--van-gray-3);
@number-keyboard-delete-font-size: var(--van-font-size-lg); @number-keyboard-delete-font-size: var(--van-font-size-lg);
@number-keyboard-title-color: var(--van-gray-7); @number-keyboard-title-color: var(--van-gray-7);