详细问题描述
mui-modal页面的header的内容在真机或模拟器中不显示
重现步骤
[步骤]
1、MUI的demo中,modals.html在真机或模拟器中打开。默认情况下,header的内容不显示。
2、使用chrome调试时,在chrome中对页面的样式进行取消等随意操作后,header的内容可以显示。
3、退出再进入此页面,header的内容又不显示。
[结果]
代码中header里设置了标题为Modal,但不显示。
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>
<h1 class="mui-title">Modal</h1>
</header>
[期望]
打开页面,正确显示header中的内容
运行环境
[系统版本]
[浏览器版本]
[IDE版本]
7.4.0.201608102229
[mui版本]
Mui v3.3.0
附件
[代码片段]
<div id="modal" class="mui-modal">
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>
<h1 class="mui-title">Modal</h1>
</header>
<div class="mui-content" style="height: 100%;">
<p class="mui-content-padded">The contents of my modal go here. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
</div>
</div>
[安装包]
联系方式
[QQ]274074710
[电话]
1 个回复
Trust - 少说废话
未能重现此bug,尝试更新HBuilder后新建最新的hello mui示例工程。
也可以在github获取最新的工程代码测试最接近原生APP体验的高性能框架