跳到主要内容

Modal 对话框

模态对话框。

何时使用

需要用户处理事务,又不希望跳转页面以致打断工作流程时,可以使用 Modal 在当前页面正中打开一个浮层,承载相应的操作。

代码示例

基本使用

基本用法

API

参数说明类型默认值
visible对话框是否可见boolean-
onOk点击确定回调function-
onCancel点击遮罩层或右上角叉或取消按钮的回调function-
title标题string|ReactNode-
footer底部内容string|ReactNode-
closable是否显示右上角的关闭按钮booleantrue
maskClosable点击蒙层是否允许关闭booleantrue
centered垂直居中展示 Modalbooleanfalse
width宽度string|number520
wrapClassName对话框外层容器的类名string-
zIndex设置 Modal 的 z-indexnumber1000
mask是否展示遮罩booleantrue
maskStyle遮罩样式object-