Framework7-Navbar

기술

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

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

  • Left− 뒤로 링크 아이콘 또는 단일 텍스트 링크 를 배치하도록 설계되었습니다 .

  • Center − 페이지 제목이나 탭 링크를 표시합니다.

  • Right−이 부분은 왼쪽 부분 과 비슷합니다 .

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

S. 아니 Navbar 유형 및 설명
1 기본 탐색 모음

기본 navbar는 navbar , navbar-inner , left , centerright 클래스 를 사용하여 만들 수 있습니다 .

2 링크가있는 Navbar

navbar의 왼쪽오른쪽 부분 에서 링크를 사용하려면 class link 와 함께 <a> 태그를 추가하기 만하면 됩니다 .

여러 링크

여러 링크를 사용하려면 선택한 부분에 <a class = "link"> 를 몇 개 더 추가 하면됩니다.

4 텍스트와 아이콘이있는 링크

아이콘에 대한 클래스를 추가하고 링크 텍스트를 <span> 요소로 래핑하여 링크에 아이콘과 텍스트를 제공 할 수 있습니다 .

5 아이콘 만있는 링크

아이콘 전용 클래스를 링크 에 추가하여 Navbar 링크에 아이콘 만 제공 할 수 있습니다 .

6 관련 앱 및보기 방법

View를 초기화 할 때 framework7은 navbar에서 사용 가능한 메소드를 사용할 수 있습니다.

7 자동으로 탐색 모음 숨기기

navbar가 필요하지 않은 일부 Ajax로드 페이지의 경우 navbar를 자동으로 숨기거나 표시 할 수 있습니다.