index.md 2.6 KB


nav: path: /components group: title: 反馈 order: 12

toc: 'content'

Modal 弹窗

何时使用

当应用中需要比较明显的对用户当前的操作行为进行警示或提醒时,可以使用对话框。用户需要针对对话框进行操作后方可结束。

代码示例

API

属性 说明 类型 默认值
bodyClassName body 类名 string -
bodyStyle body 样式 string -
cancelButtonStyle 取消按钮样式 string -
cancelButtonText 取消按钮文本 string -
className 类名 string -
closable 是否显示右上角的关闭按钮。仅在 type 为 focus 生效 boolean -
content 内容 string|slot -
destroyOnClose 不可见时是否卸载内容 boolean false
footer 自定义按钮区 slot -
maskClosable 点击蒙层是否触发 onClose boolean true
maskClassName 蒙层的类名 string -
maskStyle 蒙层的样式 string -
primaryButtonStyle 主按钮样式 string -
primaryButtonText 主按钮文本 string -
secondaryButtonStyle 辅助按钮样式 string -
secondaryButtonText 辅助按钮文本 string -
style 样式 string -
title 标题 string|slot -
type 类型,可选 default(默认)、focus(强调模式) string default
visible 是否显示 boolean false
onCancelButtonTap 取消按钮点击事件 ()=>void -
onClose 点击蒙层或强调模式下点击右上角关闭按钮,触发回调 ()=>void -
onPrimaryButtonTap 主按钮点击事件 ()=>void -
onSecondaryButtonTap 辅助按钮点击事件 ()=>void -