docs: add further description for dialog size and dimension variants

This commit is contained in:
Justineo 2020-12-03 10:38:42 +08:00
parent facb9c8190
commit f1047cb855
No known key found for this signature in database
GPG Key ID: B73F0979CF18A0EA
3 changed files with 16 additions and 0 deletions

View File

@ -4,6 +4,8 @@
### 尺寸与全屏
可选的 `ui` 属性值:`s`/`m`/`narrow`/`medium`/`wide`/`auto`。
[[ demo src="/demo/dialog/size.vue" ]]
### 模态与非模态

View File

@ -64,3 +64,11 @@ export default {
margin-right: 20px;
}
</style>
<docs>
`s`/`m` 用于指定内容的尺寸会被继承到内部的组件上 `narrow`/`medium`/`wide`/`fullscreen`/`auto` 是对话框本身所占区域的大小可以与 `s`/`m` 混合使用
</docs>
<docs locale="en-US">
`s`/`m` are used to specify size for internal content and will be inherited by components inside the dialog. While `narrow`/`medium`/`wide`/`fullscreen`/`auto` are used to specify the dimension of the dialog itself, thus can be used together with `s`/`m`.
</docs>

View File

@ -2,6 +2,12 @@
## Demos
### Sizes and fullscreen
Available size/dimension variants for the `ui` prop: `s`/`m`/`narrow`/`medium`/`wide`/`auto`.
[[ demo src="/demo/dialog/size.vue" ]]
### Modal and non-modal
[[ demo src="/demo/dialog/modal.vue" ]]