在温泉中使用 "Split-view" 页面时如何为整个页面提供一个标题 ui

Question

我在 Onsen Ui 拆分视图页面功能中工作。我正在从这个 link 创建一个页面。我的要求是为整个页面提供顶部标题。

Answer 1

因为 Onsen UI 中的每个页面都可以有一个工具栏 - 如果您想要一个共同的标题，那么您可以将 ons-split-view 放在一个带有标题的页面中。

<ons-page>
  <ons-toolbar>
    <div class="center">Complete page title</div>
  </ons-toolbar>
  <ons-split-view var="mySplitView" secondary-page="menu.html" main-page="page1.html" main-page-width="70%" collapse="width 500px">
  </ons-split-view>
</ons-page>

这是一个demo。