Framework7-Navbar

기술

이 장에서는 navbar 에 대해 공부하겠습니다 . 일반적으로 페이지 제목과 탐색 요소를 포함하는 화면 상단에 배치됩니다.

Navbar는 각각 HTML 콘텐츠를 포함 할 수있는 세 부분으로 구성되지만 아래에 제공된 방식으로 사용하는 것이 좋습니다.

다음 표는 navbar 의 사용을 자세히 보여줍니다.

S. 아니	Navbar 유형 및 설명
1	기본 탐색 모음 기본 navbar는 navbar , navbar-inner , left , center 및 right 클래스 를 사용하여 만들 수 있습니다 .
2	링크가있는 Navbar navbar의 왼쪽 과 오른쪽 부분 에서 링크를 사용하려면 class link 와 함께 <a> 태그를 추가하기 만하면 됩니다 .
삼	여러 링크 여러 링크를 사용하려면 선택한 부분에 <a class = "link"> 를 몇 개 더 추가 하면됩니다.
4	텍스트와 아이콘이있는 링크 아이콘에 대한 클래스를 추가하고 링크 텍스트를 <span> 요소로 래핑하여 링크에 아이콘과 텍스트를 제공 할 수 있습니다 .
5	아이콘 만있는 링크 아이콘 전용 클래스를 링크 에 추가하여 Navbar 링크에 아이콘 만 제공 할 수 있습니다 .
6	관련 앱 및보기 방법 View를 초기화 할 때 framework7은 navbar에서 사용 가능한 메소드를 사용할 수 있습니다.
7	자동으로 탐색 모음 숨기기 navbar가 필요하지 않은 일부 Ajax로드 페이지의 경우 navbar를 자동으로 숨기거나 표시 할 수 있습니다.