MUI常用组件之对话框

（1）alert警告框

.alert(message,title,btnValue,callback[,type])
参数：
①message：类型string，提示对话框上显示的内容。
②title：类型string，提示对话框上显示的标题。
③btnValue：类型string，提示对话框上按钮显示的内容。
④callback：类型function，提示对话框关闭后执行的函数。
⑤type：Value div，是否适用h5绘制的对话框

(function ($,document) {
        $("body").on("click","#warn", function () {
            $.alert("Hello Mui","警告框","确认",function(){
        });
})(mui,document);

（2）confirm确认框

.confirm(message,title,btnValue,callback[,type])
参数：
①message：类型string，提示对话框上显示的内容。
②title：类型string，提示对话框上显示的标题。
③btnValue：类型string，提示对话框上按钮显示的内容。
④callback：类型function，提示对话框关闭后执行的函数。
⑤type：Value div，是否适用h5绘制的对话框

(function ($,document) {
     $("body").on("click","#confirm", function () {
        var confirm = ["否","是"];
        $.confirm("MUI是一个好框架","确认框",confirm, function (e) {

    })
  });
})(mui,document);

（3）.prompt对话输入框

.confirm(message,placeholder,title,btnValue,callback[,type])
参数：
①message：类型string，提示对话框上显示的内容。
②placeholder：类型string，编辑框显示的提示文字。
③title：类型string，提示对话框上显示的标题。
④btnValue：类型string，提示对话框上按钮显示的内容。
⑤callback：类型function，提示对话框关闭后执行的函数。
⑥type：Value div，是否适用h5绘制的对话框。

(function ($,document) {
    $("body").on("click","#input", function () {
        var prompt = ["取消","确定"]
        $.prompt("密码框","请输入密码","prompt",prompt, function (e) {

        })
    });
})(mui,document);

（4）.toast消息提示框

.toast(message,[options])
参数：
message：类型string，提示对话框上显示的内容。
option：类型{json}，消息提示的参数。

注：options参数需要mui v3.5+支持。
options的参数：

参数	说明	说明
duration	持续显示时间,默认值short（2000ms）	支持整数值string,string可选:long（3500ms）,short(2000ms)
type	强制使用mui消息框（div模式）	‘div’

(function ($,document) {
    $("body").on("click","#toast", function () {
        $.toast('登陆成功',{ duration:1000, type:'div' })
    });
})(mui,document);