docs: display all less variables (#7604)

2020-11-22 16:02:46 +08:00
parent 0b2b3a91b5
commit 862adcd8eb
126 changed files with 2330 additions and 14 deletions
@@ -64,3 +64,15 @@ Vue.use(Loading);
 | Name    | Description  |
 | ------- | ------------ |
 | default | Loading text |
+
+### Less Variables
+
+How to use: [Custom Theme](#/en-US/theme).
+
+| Name                                | Default Value   | Description |
+| ----------------------------------- | --------------- | ----------- |
+| @loading-text-color                 | `@gray-6`       | -           |
+| @loading-text-font-size             | `@font-size-md` | -           |
+| @loading-spinner-color              | `@gray-5`       | -           |
+| @loading-spinner-size               | `30px`          | -           |
+| @loading-spinner-animation-duration | `0.8s`          | -           |
@@ -78,3 +78,15 @@ Vue.use(Loading);
 | 名称    | 说明     |
 | ------- | -------- |
 | default | 加载文案 |
+
+### 样式变量
+
+组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
+
+| 名称                                | 默认值          | 描述 |
+| ----------------------------------- | --------------- | ---- |
+| @loading-text-color                 | `@gray-6`       | -    |
+| @loading-text-font-size             | `@font-size-md` | -    |
+| @loading-spinner-color              | `@gray-5`       | -    |
+| @loading-spinner-size               | `30px`          | -    |
+| @loading-spinner-animation-duration | `0.8s`          | -    |