Framework7 - Navbars

Sự miêu tả

Trong chương này, chúng ta hãy nghiên cứu về navbar . Nó thường được đặt ở đầu màn hình chứa tiêu đề của trang và các yếu tố điều hướng.

Navbar bao gồm ba phần, mỗi phần có thể chứa bất kỳ nội dung HTML nào, nhưng bạn nên sử dụng các phần này theo cách được đưa ra bên dưới:

  • Left- Nó được thiết kế để đặt các biểu tượng liên kết ngược hoặc liên kết văn bản duy nhất.

  • Center - Nó được sử dụng để hiển thị tiêu đề của trang hoặc các liên kết tab.

  • Right- Phần này tương tự với phần bên trái .

Bảng sau minh họa chi tiết việc sử dụng thanh điều hướng :

S. không Các loại và mô tả thanh điều hướng
1 Thanh điều hướng cơ bản

Thanh điều hướng cơ bản có thể được tạo bằng cách sử dụng các lớp điều hướng , thanh điều hướng bên trong , bên trái , trung tâmbên phải .

2 Thanh điều hướng với các liên kết

Để sử dụng các liên kết ở phần bên tráibên phải của thanh điều hướng, chỉ cần thêm thẻ <a> với liên kết lớp .

3 Nhiều liên kết

Để sử dụng nhiều liên kết, chỉ cần thêm một vài <a class = "link"> vào phần bạn chọn.

4 Liên kết với văn bản và biểu tượng

Các liên kết có thể được cung cấp các biểu tượng và văn bản bằng cách thêm các lớp cho các biểu tượng và bao bọc văn bản liên kết bằng phần tử <span> .

5 Liên kết chỉ có biểu tượng

Các liên kết trên thanh điều hướng chỉ có thể được cung cấp với các biểu tượng bằng cách thêm lớp chỉ biểu tượng vào các liên kết.

6 Ứng dụng và phương pháp xem có liên quan

Khi khởi tạo Chế độ xem , framework7 cho phép bạn sử dụng các phương pháp có sẵn cho thanh điều hướng.

7 Tự động ẩn thanh điều hướng

Thanh điều hướng có thể được ẩn / hiển thị tự động đối với một số trang được tải Ajax mà thanh điều hướng không được yêu cầu.