菏泽 网站建设,青岛本地招聘网站,搭建简单网站,绍兴网站建设专业的公司4000-262-MessageBox 弹框 MessageBox 的作用是替代系统自带的 alert、confirm #xff0c;仅适合展示较为简单的内容。如果需要弹出较为复杂的内容#xff0c;请使用定制的弹窗。基本仿照ElementUI的同名组件。 原生#xff0c;无依赖项#xff0c;自适应布局#xff0c;双端通用仅适合展示较为简单的内容。如果需要弹出较为复杂的内容请使用定制的弹窗。基本仿照ElementUI的同名组件。 原生无依赖项自适应布局双端通用如有弹窗层级问题需要自行调整。 git仓库地址https://gitee.com/amswait/message-box、
效果预览 引用方式
script src/message-box.min.js/script注意需要确保CSS文件在JS同级目录
API messageBox访问核心弹窗对象。 $close关闭弹窗的方法。 $alert显示带有消息和确认按钮的提示框。 $confirm显示带有消息、确认和取消按钮的确认框。
options
配置项类型是否必填示例是否可传入HTML代码msgString是$alert(测试文案)$alert(strong这是 iHTML/i 片段/strong)titleString否$alert(测试, 测试标题)|同上optionsObject否options.confirmButtonTextString否$confirm(测试,null,{confirmButtonText:确认文案})同上options.cancelButtonTextString否$confirm(测试,null,{cancelButtonText:取消文案})同上options.callbackFunction否$confirm(测试,void 0,{callback:function(result, type){$alert(结果 result 触发按钮类型type)}});
options.callback出参说明
参数名含义result确认的结果点击关闭按钮与取消按钮为false点击确认按钮为truetype触发事件的按钮类型close为关闭按钮confirm为确认按钮cancel为取消按钮
