docs: display all less variables (#7604)

This commit is contained in:
neverland
2020-11-22 16:02:46 +08:00
committed by GitHub
parent 0b2b3a91b5
commit 862adcd8eb
126 changed files with 2330 additions and 14 deletions

View File

@@ -141,3 +141,24 @@ export default {
| minus | Emitted when the minus button is clicked | - |
| focus | Emitted when the input is focused | _event: Event_ |
| blur | Emitted when the input is blured | _event: Event_ |
### Less Variables
How to use: [Custom Theme](#/en-US/theme).
| Name | Default Value | Description |
| ---------------------------------------- | ------------------- | ----------- |
| @stepper-active-color | `#e8e8e8` | - |
| @stepper-background-color | `@active-color` | - |
| @stepper-button-icon-color | `@text-color` | - |
| @stepper-button-disabled-color | `@background-color` | - |
| @stepper-button-disabled-icon-color | `@gray-5` | - |
| @stepper-button-round-theme-color | `@red` | - |
| @stepper-input-width | `32px` | - |
| @stepper-input-height | `28px` | - |
| @stepper-input-font-size | `@font-size-md` | - |
| @stepper-input-line-height | `normal` | - |
| @stepper-input-text-color | `@text-color` | - |
| @stepper-input-disabled-text-color | `@gray-5` | - |
| @stepper-input-disabled-background-color | `@active-color` | - |
| @stepper-border-radius | `@border-radius-md` | - |

View File

@@ -168,6 +168,27 @@ export default {
| focus | 输入框聚焦时触发 | _event: Event_ |
| blur | 输入框失焦时触发 | _event: Event_ |
### 样式变量
组件提供了下列 Less 变量,可用于自定义样式,使用方法请参考[主题定制](#/zh-CN/theme)。
| 名称 | 默认值 | 描述 |
| ---------------------------------------- | ------------------- | ---- |
| @stepper-active-color | `#e8e8e8` | - |
| @stepper-background-color | `@active-color` | - |
| @stepper-button-icon-color | `@text-color` | - |
| @stepper-button-disabled-color | `@background-color` | - |
| @stepper-button-disabled-icon-color | `@gray-5` | - |
| @stepper-button-round-theme-color | `@red` | - |
| @stepper-input-width | `32px` | - |
| @stepper-input-height | `28px` | - |
| @stepper-input-font-size | `@font-size-md` | - |
| @stepper-input-line-height | `normal` | - |
| @stepper-input-text-color | `@text-color` | - |
| @stepper-input-disabled-text-color | `@gray-5` | - |
| @stepper-input-disabled-background-color | `@active-color` | - |
| @stepper-border-radius | `@border-radius-md` | - |
## 常见问题
### 为什么 value 有时候会变成 string 类型?