最近接触到的mui弹出框

时间:2023-01-26 17:59:30

最近接触到的mui弹出框

1. mui.alert("保存成功", "提示");

2. mui.toast('服务器正在维护,请稍后...');

 最近接触到的mui弹出框

3. mui.confirm();(推荐)

var btnArray = ['拨打', '取消', '短信'];
mui.confirm(data.username + ':' + data.telephone, '提示', btnArray, function(e) {
	if(e.index == 0) {
		var phone = document.getElementById("phone1");
		phone.setAttribute("href", "tel:" + data.telephone);
					phone.click();
						  }
	if(e.index == 2) {
		var massage = document.getElementById("massage1");
		massage.setAttribute("href", "sms:" + data.telephone);
		massage.click();
							}
		  });
最近接触到的mui弹出框

1. 延伸——自定义弹出框,手动加遮罩

最近接触到的mui弹出框

建议:利用mui的弹出菜单示例,把箭头去掉就可以了,其他里面的局部样式自己手动写下。

具体代码待实现

可参考:http://ask.dcloud.net.cn/question/48330