如何在onsen 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。