用mui做弹框,弹框内部自定义html

背景:app需要做一个弹框,用户第一次下载安装该app的时候需要提醒用户阅读对应的服务协议以及隐私协议,如下图

 

用mui做弹框,弹框内部自定义html_第1张图片

app采用的是H5加原生的方式开发的,弹框采用的是mui框架,由于之前弹框内容大多是提醒的内容没有涉及到弹框内跳转,代码很简单但是踩了好几个坑,分享一下,希望大家避免,上代码

 

用mui做弹框,弹框内部自定义html_第2张图片

1.添加该段js,否则弹框内的a标签不会进行跳转

2.调用mui.confirm(message,title,[btns],function(){},type);
最后的type参数设置为'div';否则的话会出现弹框的样式不可用,或者压根弹框出不来,加上‘div’会使用对应h5mui中定义的样式,否则可能会调用原生系统中的弹框

你可能感兴趣的:(前端,javascript,emui)