1、mui.alert();
直接使用:
mui.alert("弹出的消息框提示内容!")感觉有点类似alert功能但是他有个遮罩层
带有回调函数的使用:
var info = document.getElementById("info"); //专门用来存放弹出消息的一个div
mui.alert('欢迎使用HelloMUI', 'Hello MUI', function() {
info.innerText= '你刚关闭了警告框';
});
2、mui.comfirm()确认框
var btnArray=['否','是']; //注意这里的顺序是先否再是
mui.confirm("MUI是个好框架,确认?", 'Hello MUI',btnArray, function(e) {
if(e.index == 1) { //索引是1的就是选择的是
info.innerText= '你刚确认MUI是个好框架';
}else {
info.innerText= 'MUI没有得到你的认可,继续加油'
}
3、mui.prompt()
var btnArray=['取消','确定']; //注意这里的顺序是先否再是
mui.prompt("请输入您对mui的评语",“性能好”,'Hello MUI' ,btnArray,function(){
if (e.index == 1) {
info.innerText = '谢谢你的评语:' + e.value;
} else {
info.innerText = '你点了取消按钮';
}
})
4、mui.toast()有点像是mui.alert()但是它是弹出的信息直接在页面的最底部显示,过一段时间就自动消失了
mui.toast('欢迎体验Hello MUI')