kungfupanda
kungfupanda
  • 发布:2015-03-24 23:34
  • 更新:2015-03-25 02:39
  • 阅读:2382

【已解决】新手问题subpages子页面覆盖header高度问题

分类:MUI
mui

首先请大家原谅我这个小小白的问题 ; )
我看MUI的文档中写到 Hello mui的首页其实就是index.htmllist.html合并而成的
我自己也参照此自己练习了下但发index.html的H1部分被list的元素给覆盖了。


index.html代码如下

<title>Hello MUI</title>  
    <script src="js/mui.min.js"></script>  
    <link href="css/mui.min.css" rel="stylesheet"/>  
    <script type="text/javascript" charset="utf-8">  
        mui.init({  
            subpages:[  
            {  
                url:'list.html',  
                id:'list',  
                styles:{  
                    top:'45px;',  
                    bottom:'0px',  
                    bounce:'vertical'  
                }  
            }]  
        });  
    </script>  
</head>  
<body>  
    <header class="mui-bar mui-bar-nav">  
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
        <h1 class="mui-title">Hello Mui</h1>  
    </header>  

</body>

list代码如下

<title></title>  
    <script src="js/mui.min.js"></script>  
    <link href="css/mui.min.css" rel="stylesheet"/>  
    <script type="text/javascript" charset="utf-8">  
        mui.init();  
    </script>  
</head>  
<body>  
    <div class="mui-content">  
        <p>我是列表页内容</p>  
    </div>  
</body>  

参考文档http://dcloudio.github.io/mui/javascript/#subpage中的
我已经设定好了 top 高度,应该是不会覆盖,怎么出现覆盖了呢,请知道的朋友帮忙解答下这个新手问题。

2015-03-24 23:34 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

top:'45px;'修改为 top:'45px'

  • Danny

    好眼力

    2015-03-25 08:23

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