温泉 - 多线工具栏

时间:2015-04-16 11:46:30

标签: onsen-ui

我可以使用多行工具栏吗?

我的所有页面都需要一个固定的标题,但是ons-toolbar只有一行。我的标题中需要两个。 有可能吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

您可以使用<div>工具栏的外观添加额外的class="navigation-bar"http://onsen.io/reference/css.html#toolbar

如果需要,还可以更改当前工具栏的CSS以使其更大。这个问题的答案可能会有所帮助:Doesn't show div in onsen ui and angularjs

希望它有所帮助!

编辑:一些CSS来做这件事......

  • 将位置固定在主工具栏下方的顶部:position: fixed; top: 44px;

  • 更改页面内容,以使新工具栏不与其重叠: ons-toolbar ~ .page__content { top: 88px; }

在此工作:http://codepen.io/frankdiox/pen/YXKyjX