7***@qq.com
7***@qq.com
  • 发布:2019-09-04 17:25
  • 更新:2019-09-04 17:25
  • 阅读:647

【报Bug】<nav class="mui-bar mui-bar-tab"> 在2个modal添加删除active样式后,手机端页面会消失,PC浏览器模拟手机确不会

分类:MUI

详细问题描述

(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

2019-09-04 17:25 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复