Modal 对话框

2019-06-13

对话弹出框。

何时使用#

在处理某个事务,不希望跳转到其他页面导致当前工作被打断。可以使用对话框在当前页面打开一个浮层,承载对应的操作。

基本用法#

默认展示#

隐藏 footer#

异步提交关闭#

模拟异步提交,例如提交表单。

改变样式#

可以改变提交按钮的文本和颜色。比如“删除”场景

改变宽度#

API#

参数类型默认值说明
titleRequiredstring-标题
onHideRequiredfunc-隐藏对话框操作
onOkfunc-确定、提交操作
showbool-是否展示对话框
styleobject-对话框附加行内样式
bsSizeenum('sm', 'lg', 'medium', 'xlarge', undefined, null)-对话框大小
confirmTextstring'确定'确定、提交按钮文案
okStylestring'primary'确定、提交按钮样式
loadingbool-是否展示加载 UI
hideFooterbool-隐藏 footer
hideHeaderbool-隐藏 头部
draggablebool-开启拖拽功能(默认为true)
preventDragByTitlebool-在title区域禁掉拖拽功能