feat: add more color variables (#8861)
* style: add --van-warning-color * style: add --van-success-color * feat: add more color variables
This commit is contained in:
+10
-10
@@ -91,13 +91,13 @@ export default {
|
||||
|
||||
The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| ------------------------------ | ------------------------- | ----------- |
|
||||
| --van-nav-bar-height | _46px_ | - |
|
||||
| --van-nav-bar-background-color | _var(--van-white)_ | - |
|
||||
| --van-nav-bar-arrow-size | _16px_ | - |
|
||||
| --van-nav-bar-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-nav-bar-text-color | _var(--van-blue)_ | - |
|
||||
| --van-nav-bar-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-nav-bar-title-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-nav-bar-z-index | _1_ | - |
|
||||
| Name | Default Value | Description |
|
||||
| ------------------------------ | -------------------------- | ----------- |
|
||||
| --van-nav-bar-height | _46px_ | - |
|
||||
| --van-nav-bar-background-color | _var(--van-white)_ | - |
|
||||
| --van-nav-bar-arrow-size | _16px_ | - |
|
||||
| --van-nav-bar-icon-color | _var(--van-primary-color)_ | - |
|
||||
| --van-nav-bar-text-color | _var(--van-primary-color)_ | - |
|
||||
| --van-nav-bar-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-nav-bar-title-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-nav-bar-z-index | _1_ | - |
|
||||
|
||||
+10
-10
@@ -93,13 +93,13 @@ export default {
|
||||
|
||||
组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------ | ------------------------- | ---- |
|
||||
| --van-nav-bar-height | _46px_ | - |
|
||||
| --van-nav-bar-background-color | _var(--van-white)_ | - |
|
||||
| --van-nav-bar-arrow-size | _16px_ | - |
|
||||
| --van-nav-bar-icon-color | _var(--van-blue)_ | - |
|
||||
| --van-nav-bar-text-color | _var(--van-blue)_ | - |
|
||||
| --van-nav-bar-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-nav-bar-title-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-nav-bar-z-index | _1_ | - |
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------ | -------------------------- | ---- |
|
||||
| --van-nav-bar-height | _46px_ | - |
|
||||
| --van-nav-bar-background-color | _var(--van-white)_ | - |
|
||||
| --van-nav-bar-arrow-size | _16px_ | - |
|
||||
| --van-nav-bar-icon-color | _var(--van-primary-color)_ | - |
|
||||
| --van-nav-bar-text-color | _var(--van-primary-color)_ | - |
|
||||
| --van-nav-bar-title-font-size | _var(--van-font-size-lg)_ | - |
|
||||
| --van-nav-bar-title-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-nav-bar-z-index | _1_ | - |
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
@nav-bar-height: 46px;
|
||||
@nav-bar-background-color: var(--van-white);
|
||||
@nav-bar-arrow-size: 16px;
|
||||
@nav-bar-icon-color: var(--van-blue);
|
||||
@nav-bar-text-color: var(--van-blue);
|
||||
@nav-bar-icon-color: var(--van-primary-color);
|
||||
@nav-bar-text-color: var(--van-primary-color);
|
||||
@nav-bar-title-font-size: var(--van-font-size-lg);
|
||||
@nav-bar-title-text-color: var(--van-text-color);
|
||||
@nav-bar-z-index: 1;
|
||||
|
||||
Reference in New Issue
Block a user