Question

使用Framework7，我创建了一个工具栏。它适用于iOS主题。但是，当我在材料主题上测试它时，它位于顶部。我发现了一些Framework7文档，它指向了“toolbar-bottom”类。但是，页面内容的作用就好像工具栏仍在顶部，并且padding-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>

Answer 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>

具有“toolbar-bottom”类的工具栏会为页面内容

1 个答案: