2015-04-16 6 views
2

Могу ли я иметь многострочную панель инструментов?Onsen - многострочная панель инструментов

Мне нужен фиксированный заголовок для всех моих страниц, но панель инструментов ons имеет только одну строку. Мне нужно два в заголовке. Это можно сделать?

Спасибо!

ответ

2

Вы можете поставить дополнительную <div> с появлением панели с class="navigation-bar": http://onsen.io/reference/css.html#toolbar

Также можно изменить CSS вашей текущей панели инструментов, чтобы сделать его больше, если вы хотите. Ответ на этот вопрос может быть полезным: Doesn't show div in onsen ui and angularjs

Надеюсь, это поможет!

Edit: некоторые CSS, чтобы сделать это ...

  • Зафиксируйте положение в верхней части под главной панели инструментов: position: fixed; top: 44px;

  • изменяет содержание страницы, так что новая панель инструментов не пересекаться с ним: ons-toolbar ~ .page__content { top: 88px; }

Работая здесь: http://codepen.io/frankdiox/pen/YXKyjX

+0

Отлично !!! Спасибо! – fraymas

+0

Можно ли сделать эту вторую навигационную панель вертикальной, как панель инструментов? – fraymas

+0

@fraymas Я только что отредактировал свой ответ, чтобы показать это! –

Смежные вопросы