j***@163.com
j***@163.com
  • 发布:2016-08-18 14:04
  • 更新:2017-03-29 15:25
  • 阅读:2007

【报Bug】mui-modal页面的header的内容在真机或模拟器中不显示

分类:MUI

详细问题描述
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
[电话]

2016-08-18 14:04 1 条评论 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

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