详细问题描述
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
应该是mui样式的问题.
代码中使用多个modal来呈现不同页面内容,切换modal中也只是添加删除mui-active样式
重现步骤
大概的操作步骤:
点击链接打开一个iframe,页面内有2个modal,分别显示不同内容,每个modal下都有一个nav标签
点击iframe下的一个发送按钮,弹出第一个modal,然后点击弹出modal内的另外一个按钮,去掉当前modal的active,第二个modal添加active,然后关闭第二个modal后,nav标签不见了
pc端用火狐或者google浏览器模拟手机访问就不会出现这个问题
[步骤]
[结果]
[期望]
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
手机端截图:
1.iframe下的主页面,包含2个modal的
2.点击流转方式,进入到流程步骤选择页,打开modal代码.步骤选择modal右上角关闭后,主页面下的"流转方式"按钮还在的
function formSend(sendType) {
$('#modal_steps').addClass('mui-active')
mui('#sendType').popover('toggle');
_type = sendType;
}
3.打开选择接收人页面,代码上也是 把接收人modal添加active样式,然后打开modal
function openWorkModal()
{
mask.close();
$('#modal_workgroup').addClass('mui-active');
}
4.右上角关闭后,2个modal最下面的nav就不见了
5.火狐或者Google模拟手机就不会这样
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
[IDE版本号]
[windows版本号]
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
[编译模式是老模板模式还是新的自定义组件模式?]
App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ] 714898018