docs: update component CSS variable names (#8857)

2021-06-14 10:23:47 +08:00
parent 34a3fe8787
commit 8e3833acc8
122 changed files with 1755 additions and 1755 deletions
@@ -85,14 +85,14 @@ use `color` or `text-color` to change text color.
 | ------- | ------------ |
 | default | Loading text |

-### Less Variables
+### CSS Variables

-How to use: [Custom Theme](#/en-US/theme).
+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 |
-| ----------------------------------- | --------------- | ----------- |
-| @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`          | -           |
+| Name                                     | Default Value   | Description |
+| ---------------------------------------- | --------------- | ----------- |
+| --van-loading-text-color                 | `@gray-6`       | -           |
+| --van-loading-text-font-size             | `@font-size-md` | -           |
+| --van-loading-spinner-color              | `@gray-5`       | -           |
+| --van-loading-spinner-size               | `30px`          | -           |
+| --van-loading-spinner-animation-duration | `0.8s`          | -           |
@@ -97,12 +97,12 @@ app.use(Loading);

 ### 样式变量

-组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

-| 名称                                | 默认值          | 描述 |
-| ----------------------------------- | --------------- | ---- |
-| @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`          | -    |
+| 名称                                     | 默认值          | 描述 |
+| ---------------------------------------- | --------------- | ---- |
+| --van-loading-text-color                 | `@gray-6`       | -    |
+| --van-loading-text-font-size             | `@font-size-md` | -    |
+| --van-loading-spinner-color              | `@gray-5`       | -    |
+| --van-loading-spinner-size               | `30px`          | -    |
+| --van-loading-spinner-animation-duration | `0.8s`          | -    |