docs: display all less variables (#7604)
This commit is contained in:
@@ -138,3 +138,18 @@ export default {
|
||||
| close | Emitted when closing Popup | - |
|
||||
| opened | Emitted when Popup is opened | - |
|
||||
| closed | Emitted when Popup is closed | - |
|
||||
|
||||
### Less Variables
|
||||
|
||||
How to use: [Custom Theme](#/en-US/theme).
|
||||
|
||||
| Name | Default Value | Description |
|
||||
| --- | --- | --- |
|
||||
| @popup-background-color | `@white` | - |
|
||||
| @popup-transition | `transform @animation-duration-base` | - |
|
||||
| @popup-round-border-radius | `16px` | - |
|
||||
| @popup-close-icon-size | `22px` | - |
|
||||
| @popup-close-icon-color | `@gray-5` | - |
|
||||
| @popup-close-icon-active-color | `@gray-6` | - |
|
||||
| @popup-close-icon-margin | `16px` | - |
|
||||
| @popup-close-icon-z-index | `1` | - |
|
||||
|
||||
@@ -149,3 +149,18 @@ export default {
|
||||
| close | 关闭弹出层时触发 | - |
|
||||
| opened | 打开弹出层且动画结束后触发 | - |
|
||||
| closed | 关闭弹出层且动画结束后触发 | - |
|
||||
|
||||
### 样式变量
|
||||
|
||||
组件提供了下列 Less 变量,可用于自定义样式,使用方法请参考[主题定制](#/zh-CN/theme)。
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------ | ------------------------------------ | ---- |
|
||||
| @popup-background-color | `@white` | - |
|
||||
| @popup-transition | `transform @animation-duration-base` | - |
|
||||
| @popup-round-border-radius | `16px` | - |
|
||||
| @popup-close-icon-size | `22px` | - |
|
||||
| @popup-close-icon-color | `@gray-5` | - |
|
||||
| @popup-close-icon-active-color | `@gray-6` | - |
|
||||
| @popup-close-icon-margin | `16px` | - |
|
||||
| @popup-close-icon-z-index | `1` | - |
|
||||
|
||||
Reference in New Issue
Block a user