MUI對話框使用

1、alert告警框

用法 .alert(message,title,btnvalue,callback[,type]);

document.getElementById("noclick").addEventListener('tap', function() {
            mui.alert("歡迎使用Hello MUI", "Hello MUI","肯定關閉", function() {
                mui.alert("你剛關閉了警告框","操做提示","肯定");
            });
        });

 

2、comfirm對話框

用法.confirm(message,title,btnvalue,callback[,type]);

document.getElementById("noclick").addEventListener("tap",function(){
	   var btnarr=["肯定","取消"];
	   mui.confirm("你肯定關閉對話框嗎？","操做提示",btnarr,function(e){
	      if(e.index == 0){
	      	mui.alert("你已關閉對話框！","操做提示","肯定");
	      }else{
	 		mui.alert("你取消關閉對話框！","操做提示","肯定");
	      }
	   });
	});

　　

3、提示框

用法.toast(message[,options]);

message:"string"消息框顯示的文字內容；options：{JSON}提示消息的參數

duration：持續顯示時間，默認值short（2000ms），支持整數值和string，string可選：long（3500ms），short（2000ms）

document.getElementById("noclick").addEventListener("tap",function(){
	   mui.toast("歡迎體驗MUI",{duration:3500,type:"div"});
	});

 

4、prompt對話提示框

用法：.prompt（message,placeholder,title,btnvalue,callback[,type]）;

document.getElementById("noclick").addEventListener("tap",function(){
	   mui.prompt("你肯定要關閉本窗口嗎？","肯定","操做提示",["肯定","取消"],function(e){
	   	if(e.index == 0){
	   		mui.toast("你已關閉窗口");
	   	}else{
	   		mui.toast("你取消關閉窗口");
	   	}
	   })
	 });

若是有定製對話框樣式的需求（只能修改h5模式的對話框）能夠再mui.css中修改.mui-popup類下的樣式

	//修改彈出框默認input類型爲password 
	mui.prompt('text','deftext','title',['true','false'],null,'div') 
	document.querySelector('.mui-popup-input input').type='password'

 

原文地址：https://blog.csdn.net/Ag_wenbi/article/details/73497639