Framework7 - панели навигации

Описание

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

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

  • Left- Он предназначен для размещения значков обратной ссылки или одиночной текстовой ссылки.

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

  • Right- Эта часть похожа на левую .

В следующей таблице подробно показано использование навигационной панели.

S.No Типы и описание навигационной панели
1 Базовая панель навигации

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

2 Навбар со ссылками

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

3 Множественные ссылки

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

4 Ссылки с текстом и значками

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

5 Ссылки только с иконками

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

6 Связанное приложение и методы просмотра

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

7 Скрыть панель навигации автоматически

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