mui alert,prompt 真机下显示原生样式问题

关于mui dialog文档在这里http://dev.dcloud.net.cn/mui/ui/#alert

文档中指出了mui自动判断环境,是基座中的话就是用android或者ios原生弹出框,但原生很难看,那怎么可以在基座中也显示在浏览器中看到的样式呢

原生:

mui alert,prompt 真机下显示原生样式问题_第1张图片

h5样式: 

mui alert,prompt 真机下显示原生样式问题_第2张图片 

 

解决办法:

仔细看文档中的参数:

mui alert,prompt 真机下显示原生样式问题_第3张图片

alert中的第五个参数如果设置为div,则会在基座中也强制使用h5模式

其他类型弹出框也可看文档将对应参数改为div

示例:

alert:

mui.alert("请选择运营商","","","","div")

prompt:(最后第六个加"div"参数)

mui.prompt('请填写套餐'+itemName+':', '', '套餐明细', ['确定','取消'], function(e) {
    if (e.index == 0) {
    	if(e.value != ""){
    		$("input[name="+item+"]").val(e.value);
    		$(self).append('')
    	}else{
    	}
        //info.innerText = '谢谢你的评语:' + e.value;
    } else {
       // info.innerText = '你点了取消按钮';
    }
},'div')
//document.querySelector('.mui-popup-input input').type='number'

注:如果想改变弹出输入框的类型,用上述注释方法即可

confirm:

mui.confirm('确认删除此情报?', '提示', ['否','是'], function(e) {
    if (e.index == 1) {
        
	    });
    } else {
        //info.innerText = 'MUI没有得到你的认可,继续加油'
    }
},"div")

 

 

 

 

 

 

你可能感兴趣的:(mui)