Учебники

Framework7 – Навбары

В этой главе давайте изучим navbar . Обычно он размещается в верхней части экрана и содержит заголовок страницы и элементы навигации.

Navbar состоит из трех частей, каждая из которых может содержать любой HTML-контент, но предлагается использовать их так, как указано ниже:

  • Слева – предназначена для размещения значков обратной ссылки или отдельной текстовой ссылки.

  • Центр – используется для отображения заголовка страницы или ссылок вкладки.

  • Справа – эта часть похожа на левую часть.

Слева – предназначена для размещения значков обратной ссылки или отдельной текстовой ссылки.

Центр – используется для отображения заголовка страницы или ссылок вкладки.

Справа – эта часть похожа на левую часть.

Следующая таблица демонстрирует использование navbar в деталях –

Базовая панель навигации может быть создана с использованием классов navbar , navbar-inner , left , center и right .

Чтобы использовать ссылки в левой и правой части панели навигации, просто добавьте тег <a> со ссылкой на класс.

Чтобы использовать несколько ссылок, просто добавьте еще несколько <a class = “link”> к выбранной вами части.

Ссылки могут быть снабжены значками и текстами, добавив классы для значков и обернув текст ссылки элементом <span> .

Ссылки на панели навигации могут быть снабжены только значками, добавив в ссылки только класс значков.

При инициализации View , framework7 позволяет вам использовать методы, доступные для navbar.

Панель навигации может быть скрыта / показана автоматически для некоторых страниц, загруженных Ajax, где панель навигации не требуется.