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:
@@ -84,10 +84,10 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| --van-progress-height | _4px_ | - |
|
||||
| --van-progress-color | _var(--van-blue)_ | - |
|
||||
| --van-progress-color | _var(--van-primary-color)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-progress-pivot-padding | _0 5px_ | - |
|
||||
| --van-progress-pivot-text-color | _var(--van-white)_ | - |
|
||||
| --van-progress-pivot-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-progress-pivot-line-height | _1.6_ | - |
|
||||
| --van-progress-pivot-background-color | _var(--van-blue)_ | - |
|
||||
| --van-progress-pivot-background-color | _var(--van-primary-color)_ | - |
|
||||
|
||||
@@ -85,16 +85,16 @@ app.use(Progress);
|
||||
|
||||
组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | ------------------------- | ---- |
|
||||
| --van-progress-height | _4px_ | - |
|
||||
| --van-progress-color | _var(--van-blue)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-progress-pivot-padding | _0 5px_ | - |
|
||||
| --van-progress-pivot-text-color | _var(--van-white)_ | - |
|
||||
| --van-progress-pivot-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-progress-pivot-line-height | _1.6_ | - |
|
||||
| --van-progress-pivot-background-color | _var(--van-blue)_ | - |
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | -------------------------- | ---- |
|
||||
| --van-progress-height | _4px_ | - |
|
||||
| --van-progress-color | _var(--van-primary-color)_ | - |
|
||||
| --van-progress-background-color | _var(--van-gary-3)_ | - |
|
||||
| --van-progress-pivot-padding | _0 5px_ | - |
|
||||
| --van-progress-pivot-text-color | _var(--van-white)_ | - |
|
||||
| --van-progress-pivot-font-size | _var(--van-font-size-xs)_ | - |
|
||||
| --van-progress-pivot-line-height | _1.6_ | - |
|
||||
| --van-progress-pivot-background-color | _var(--van-primary-color)_ | - |
|
||||
|
||||
## 常见问题
|
||||
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@progress-height: 4px;
|
||||
@progress-color: var(--van-blue);
|
||||
@progress-color: var(--van-primary-color);
|
||||
@progress-background-color: var(--van-gray-3);
|
||||
@progress-pivot-padding: 0 5px;
|
||||
@progress-pivot-text-color: var(--van-white);
|
||||
@progress-pivot-font-size: var(--van-font-size-xs);
|
||||
@progress-pivot-line-height: 1.6;
|
||||
@progress-pivot-background-color: var(--van-blue);
|
||||
@progress-pivot-background-color: var(--van-primary-color);
|
||||
|
||||
Reference in New Issue
Block a user