欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

最近接触到的mui弹出框

程序员文章站 2022-03-11 16:40:49
...

最近接触到的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