Dialog
弹窗
API
Prop | Type | Default | Required | Description |
---|---|---|---|---|
type | string | 'confirm' | No | 弹窗类型,可选 alert、confirm |
title | string | No | 弹窗 title | |
content | string | No | 弹窗主体内容,也可传递比较复杂的contentJSX结构的时候,使用该配置 | |
visible | bool | true | No | 是否显示 |
modal | bool | true | No | 是否显示遮罩,注意,如果设置为false,dialog在竖直方向上就没法居中了,需要自己通过style的top【默认会被设置成视图高度的/2】, marginTop来调整dialog的位置 |
modelStyle | object | 默认合并 dialog.js 内样式 | No | 遮罩样式 |
header | object | No | 配置title的左边和右边显示的附加按钮,例如 {cancel: {text: "X", hidden: false}, confirm: false},cancel、confirm、close最多配置两个,配置成false或者hidden:true表示不展示,但是会占位置 | |
showHeader | bool | true | No | 配置是否显示header |
footer | object | {cancel: {text: "取消"}, confirm: {text: "确定"}} | No | 配置底部的按钮 |
onConfirm | func | No | 确认回调,return false则不会继续触发关闭逻辑 | |
onCancel | func | No | 取消回调,return false则不会继续触发关闭逻辑 | |
onClose | func | Yes | 关闭回调 |