Framework7 - Navbar

Deskripsi

Pada bab ini, mari kita pelajari tentang navbar . Ini biasanya ditempatkan di atas layar yang berisi judul halaman dan elemen navigasi.

Navbar terdiri dari tiga bagian yang masing-masing mungkin berisi konten HTML apa pun, tetapi Anda disarankan untuk menggunakannya dengan cara yang diberikan di bawah ini -

  • Left- Ini dirancang untuk menempatkan ikon tautan kembali atau tautan teks tunggal.

  • Center - Digunakan untuk menampilkan judul halaman atau tautan tab.

  • Right- Bagian ini mirip dengan bagian kiri .

Tabel berikut menunjukkan penggunaan navbar secara detail -

S.No Jenis & Deskripsi Navbar
1 Navbar dasar

Navbar dasar dapat dibuat dengan menggunakan kelas navbar , navbar-inner , left , center dan right .

2 Navbar dengan tautan

Untuk menggunakan tautan di bagian kiri dan kanan bilah navigasi Anda, cukup tambahkan tag <a> dengan tautan kelas .

3 Banyak tautan

Untuk menggunakan banyak tautan, cukup tambahkan beberapa <a class = "link"> lagi ke bagian pilihan Anda.

4 Tautan dengan teks dan ikon

Tautan dapat dilengkapi dengan ikon dan teks dengan menambahkan kelas untuk ikon dan membungkus teks tautan dengan elemen <span> .

5 Tautan dengan hanya ikon

Tautan navbar dapat disediakan hanya dengan ikon dengan menambahkan kelas khusus ikon ke tautan.

6 Aplikasi terkait dan metode tampilan

Saat menginisialisasi View , framework7 memungkinkan Anda menggunakan metode yang tersedia untuk navbar.

7 Sembunyikan bilah navigasi secara otomatis

Navbar dapat disembunyikan / ditampilkan secara otomatis untuk beberapa halaman yang dimuat Ajax di mana navbar tidak diperlukan.