解决在ios系统上,弹窗提示(如:weui的alert、mint-ui的MessageBox)点击确定,关闭不了的问题

介绍

公众号开发项目,一开始项目使用的是weui的alert警告提示,该组件只有一个“确认”按钮,点击“确认”按钮后会关闭弹框。但是测试时发现在ios系统上,点击确定,关闭不了弹窗,且页面出现上移的现象。在安卓手机上一切正常。

解决

引入了mint-ui,使用它的Message-Box 消息提示组件,但是发现问题依旧存在。
看了文档之后,对该组件做如下调整,问题解决:

在这里插入图片描述

       msgShow(content) {           //由于多处要使用这个弹窗提示,将调整之后的组件做成一个公共方法,直接传参数调用即可
            this.$MessageBox({
                  title: '提示',
                  message: content,			// 提示的内容,作为参数,传进来
                  closeOnClickModal: true,		// 表示不只是点击确定按钮才能关闭弹窗,点击页面的任何地方都可以关闭弹窗
                  confirmButtonClass: 'typesbtn'		//给确定按钮加一个class类名(因为在页面上显示的效果是'确定'二字字体比别的字体小很多,很奇怪,所以要对它的样式单独进行调整)
                    });
   	},
  • 7
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值