最近在使用MUI进行一个电商类项目,很多地方用到了其中的对话框dialog组件,做一个简单的总结
Dialog组件包括
alert 警告框
confirm 确认框
prompt 输入对话框
toast 自动消失提示框
我使用较多的是confirm和toast
toast
mui.toast(message,{ option })
// message:'String' - 消息框显示的文字内容
//options: {JSON} - 提示消息的参数
//**options 参数需要mui v3.5+支持
//duration 持续显示时间,默认值 short(2000ms) 支持 整数值 和 String ,
//String可选: long(3500ms),short(2000ms)
//type 强制使用mui消息框(div模式) 'div'
confirm
mui.confirm('这里是内容', '标题', ['确认', '取消'], function (e){
if (e.index == 0) {
console.log('点击确认')
} else {
console.log('点击取消')
}
});
内容可以解析html代码,可以自己再写结构