taolin/docs_vue2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

docs: add further description for dialog size and dimension variants

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
one/docs/components/dialog.md
View File

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

8
one/docs/demo/dialog/size.vue
View File

@ -64,3 +64,11 @@ export default {
margin-right: 20px; margin-right: 20px;
} }
</style> </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>

6
one/docs/en-US/components/dialog.md
View File

@ -2,6 +2,12 @@
## Demos ## 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 ### Modal and non-modal
[[ demo src="/demo/dialog/modal.vue" ]] [[ demo src="/demo/dialog/modal.vue" ]]