当前位置: 首页 > 文档资料 > Pile.js 中文文档 >

DialogLayout 函数示引用对话框

优质
小牛编辑
130浏览
2023-12-01

定义

函数示引用对话框。

图片展示

代码演示


// 页面引用DialogLayout 注意DialogLayout的父级最好不要出现滚动条,以免定位不准确
import jimu from 'pile' 
const DialogLayout = jimu.Dialog.DialogLayout

// 引入以后就可以在全局下调用这三种弹窗了
  window.alertDialog({
msg:'alertDialog'
  })
  window.toastDialog({
msg:'toastDialog'
  })
  window.confirmDialog({
msg:'toastDialog'
  })

属性

alertDialog

参数描述数据类型默认值
width弹窗宽度string所有div宽度写法都支持
show显示/隐藏 弹窗Booleantrue
iconHide显示/隐藏 弹窗内部图标Booleanfalse
type弹窗图标类型stringfail(success/fail)
msg消息stringnull
children子元素reactElementnull
btnTextbutton文案string我知道了
beforeCallBack弹窗按钮点击之前的回调函数,如果传了这个函数,只有在函数返回结果为true弹窗才会隐藏functionundefined
callBack弹窗按钮点击之后的回调函数functionundefined
isMaskClick点击弹窗空白部分,是否隐藏Booleanfalse

toastDialog

参数描述数据类型默认值
show显示/隐藏 弹窗Booleantrue
type弹窗图标类型stringsuccess(success/fail/wrong)
msg消息stringnull
time显示时长ms3000
callBack弹窗消失之后的回调函数functionundefined

confirmDialog

参数描述数据类型默认值
show显示/隐藏 弹窗Booleantrue
iconHide显示/隐藏 弹窗内部图标Booleanfalse
type弹窗图标类型stringfail(success/fail)
children子元素reactElementnull
btnType确认按钮类型stringdefault(default/orange)
msg消息stringnull
cancelText取消按钮文案string取消
btnText确认按钮文案string确定
cancelBeforeCallBack取消按钮点击前的回调函数,如果传了这个函数,只有在函数返回结果为true弹窗才会隐藏functionundefined
cancelCallBack取消按钮点击后的回调函数functionundefined
beforeCallBack确定按钮点击前的回调函数,如果传了这个函数,只有在函数返回结果为true弹窗才会隐藏functionundefined
callBack确定按钮点击后的回调函数functionundefined