介绍
公众号开发项目,一开始项目使用的是weui的alert警告提示,该组件只有一个“确认”按钮,点击“确认”按钮后会关闭弹框。但是测试时发现在ios系统上,点击确定,关闭不了弹窗,且页面出现上移的现象。在安卓手机上一切正常。
解决
引入了mint-ui,使用它的Message-Box 消息提示组件,但是发现问题依旧存在。
看了文档之后,对该组件做如下调整,问题解决:
msgShow(content) { //由于多处要使用这个弹窗提示,将调整之后的组件做成一个公共方法,直接传参数调用即可
this.$MessageBox({
title: '提示',
message: content, // 提示的内容,作为参数,传进来
closeOnClickModal: true, // 表示不只是点击确定按钮才能关闭弹窗,点击页面的任何地方都可以关闭弹窗
confirmButtonClass: 'typesbtn' //给确定按钮加一个class类名(因为在页面上显示的效果是'确定'二字字体比别的字体小很多,很奇怪,所以要对它的样式单独进行调整)
});
},