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
@@ -86,17 +86,17 @@ Use the image prop to display different placeholder images.
 | image       | Custom image          |
 | description | Custom description    |

-### 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 |
-| ------------------------------ | ----------------- | ----------- |
-| @empty-padding                 | `@padding-xl 0`   | -           |
-| @empty-image-size              | `160px`           | -           |
-| @empty-description-margin-top  | `@padding-md`     | -           |
-| @empty-description-padding     | `0 60px`          | -           |
-| @empty-description-color       | `@gray-6`         | -           |
-| @empty-description-font-size   | `@font-size-md`   | -           |
-| @empty-description-line-height | `@line-height-md` | -           |
-| @empty-bottom-margin-top       | `24px`            | -           |
+| Name                                | Default Value     | Description |
+| ----------------------------------- | ----------------- | ----------- |
+| --van-empty-padding                 | `@padding-xl 0`   | -           |
+| --van-empty-image-size              | `160px`           | -           |
+| --van-empty-description-margin-top  | `@padding-md`     | -           |
+| --van-empty-description-padding     | `0 60px`          | -           |
+| --van-empty-description-color       | `@gray-6`         | -           |
+| --van-empty-description-font-size   | `@font-size-md`   | -           |
+| --van-empty-description-line-height | `@line-height-md` | -           |
+| --van-empty-bottom-margin-top       | `24px`            | -           |
@@ -93,15 +93,15 @@ Empty 组件内置了多种占位图片类型，可以在不同业务场景下

 ### 样式变量

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

-| 名称                           | 默认值            | 描述 |
-| ------------------------------ | ----------------- | ---- |
-| @empty-padding                 | `@padding-xl 0`   | -    |
-| @empty-image-size              | `160px`           | -    |
-| @empty-description-margin-top  | `@padding-md`     | -    |
-| @empty-description-padding     | `0 60px`          | -    |
-| @empty-description-color       | `@gray-6`         | -    |
-| @empty-description-font-size   | `@font-size-md`   | -    |
-| @empty-description-line-height | `@line-height-md` | -    |
-| @empty-bottom-margin-top       | `24px`            | -    |
+| 名称                                | 默认值            | 描述 |
+| ----------------------------------- | ----------------- | ---- |
+| --van-empty-padding                 | `@padding-xl 0`   | -    |
+| --van-empty-image-size              | `160px`           | -    |
+| --van-empty-description-margin-top  | `@padding-md`     | -    |
+| --van-empty-description-padding     | `0 60px`          | -    |
+| --van-empty-description-color       | `@gray-6`         | -    |
+| --van-empty-description-font-size   | `@font-size-md`   | -    |
+| --van-empty-description-line-height | `@line-height-md` | -    |
+| --van-empty-bottom-margin-top       | `24px`            | -    |