2017-05-05 128 views
0

使用Framework7不正确填充,我创建了一个工具栏。它非常适合iOS主题。然而,当我测试材料的主题,这是在顶部。我发现,我指出的“工具栏底”类的一些Framework7文档。但是,页面内容的举动就好像在工具栏仍然在顶部,并填充-top属性是不正确的。我不想在Framework7 css上硬编码覆盖。工具栏与类“工具栏底”创建页面内容

这里是我的结构:

<div class="page navbar-fixed toolbar-fixed"> 
    <div class="navbar">...</div> 
    <div class="page-content">...</div> 
    <div class="toolbar toolbar-bottom">...</div> 
</div> 

回答

1

TL; DR念你哑巴OP

this documentation page的文档。为了使CSS正常工作,工具栏必须在页面内容之前。您的格式应该是这样的:

<div class="page navbar-fixed toolbar-fixed"> 
    <div class="navbar">...</div> 
    <div class="toolbar toolbar-bottom">...</div> 
    <div class="page-content">...</div> 
</div>