返回介绍

DialogLayout 函数示引用对话框

发布于 2021-07-01 01:13:10 字数 3182 浏览 995 评论 0 收藏 0

定义

函数示引用对话框。

图片展示

代码演示


// 页面引用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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文