From 152b220d553a4005a65a35ab34b572298eee6c71 Mon Sep 17 00:00:00 2001 From: neverland Date: Sun, 22 Aug 2021 15:49:24 +0800 Subject: [PATCH] feat(NumberKeyboard): add van-number-keyboard-key-background-color css var (#9303) --- packages/vant-cli/package.json | 2 +- src/number-keyboard/README.md | 1 + src/number-keyboard/README.zh-CN.md | 1 + src/number-keyboard/index.less | 3 ++- src/number-keyboard/var.less | 1 + 5 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json index c4ead246e..8570fb03d 100644 --- a/packages/vant-cli/package.json +++ b/packages/vant-cli/package.json @@ -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", diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md index 74667f98e..74188c658 100644 --- a/src/number-keyboard/README.md +++ b/src/number-keyboard/README.md @@ -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_ | - | diff --git a/src/number-keyboard/README.zh-CN.md b/src/number-keyboard/README.zh-CN.md index a270f0051..5ba7a258f 100644 --- a/src/number-keyboard/README.zh-CN.md +++ b/src/number-keyboard/README.zh-CN.md @@ -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_ | - | diff --git a/src/number-keyboard/index.less b/src/number-keyboard/index.less index 6c8579b29..363d26e18 100644 --- a/src/number-keyboard/index.less +++ b/src/number-keyboard/index.less @@ -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; diff --git a/src/number-keyboard/var.less b/src/number-keyboard/var.less index a42054cf8..5bffce0d9 100644 --- a/src/number-keyboard/var.less +++ b/src/number-keyboard/var.less @@ -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);