Dialog 对话框
在保留当前页面状态的情况下，告知用户关键信息，或者请求用户完成特定任务。
基础用法
Dialog 弹出一个对话框，适合展示内容或进行简单的表单操作。
SXO Framework Switcher
🚧
This example is not yet available for .
可拖拽
设置 isDraggable 属性，使对话框可以拖拽。
SXO Framework Switcher
🚧
This example is not yet available for .
居中显示
设置 isCentered 属性，使对话框在垂直方向也居中显示。
SXO Framework Switcher
🚧
This example is not yet available for .
API
Dialog Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| isOpen | boolean | false | 是否显示对话框 |
| title | string | - | 对话框标题 |
| description | string | - | 对话框描述 |
| size | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'md' | 对话框尺寸 |
| isCentered | boolean | false | 是否居中显示 |
| isDraggable | boolean | false | 是否可拖拽 |
Dialog Events
| 名称 | 说明 | 回调参数 |
|---|---|---|
| close | 关闭对话框时触发 | - |
Dialog Slots
| 名称 | 说明 |
|---|---|
| default | 对话框内容 |
| footer | 对话框底部操作区域 |
API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| isOpen | - | Boolean | - |
| title | - | String, | - |
| description | - | String, | - |
| size | - | String | "md" |
| isCentered | - | Boolean | false |
| isDraggable | - | Boolean | false |