Framework7 - 導航欄

描述

本章節，我們將學習導航欄。它通常位於螢幕頂部，包含頁面標題和導航元素。

導航欄由三個部分組成，每個部分都可以包含任何HTML內容，但建議您按照以下方式使用：

左側 - 用於放置返回連結圖示或單個文字連結。
中間 - 用於顯示頁面標題或標籤連結。
右側 - 此部分類似於左側部分。

下表詳細演示了導航欄的使用：

序號	導航欄型別及描述
1	基本導航欄可以使用navbar、navbar-inner、left、center和right類建立一個基本導航欄。
2	帶有連結的導航欄要在導航欄的左側和右側部分使用連結，只需新增帶有link類的<a>標籤。
3	多個連結要使用多個連結，只需在您選擇的部位新增更多<a class = "link">。
4	帶有文字和圖示的連結可以透過新增圖示類並用<span>元素包裝連結文字，為連結提供圖示和文字。
5	僅包含圖示的連結可以透過向連結新增icon-only類，為導航欄連結僅提供圖示。
6	相關的應用和檢視方法在初始化檢視時，Framework7允許您使用導航欄可用的方法。
7	自動隱藏導航欄對於某些不需要導航欄的Ajax載入頁面，可以自動隱藏/顯示導航欄。

列印頁面

廣告

© . All rights reserved.