Framework7-Navbars
説明
この章では、navbarについて学習しましょう。これは通常、ページのタイトルとナビゲーション要素を含む画面の上部に配置されます。
Navbarは3つの部分で構成されており、それぞれにHTMLコンテンツを含めることができますが、以下の方法でこれらを使用することをお勧めします。
Left−バックリンクアイコンまたは単一テキストリンクを配置するように設計されています。
Center −ページのタイトルまたはタブリンクを表示するために使用されます。
Right−この部分は左の部分と同様です。
次の表は、ナビゲーションバーの使用法を詳細に示しています-
S.No | ナビゲーションバーの種類と説明 |
---|---|
1 | 基本的なナビゲーションバー 基本的なナビゲーションバーは、navbar、navbar-inner、left、center、rightクラスを使用して作成できます。 |
2 | リンク付きのナビゲーションバー 内のリンクを使用するには、左と右のあなたのナビゲーションバーの一部だけを追加<A>クラスとタグのリンクを。 |
3 | 複数のリンク 複数のリンクを使用するには、選択した部分に<a class ="link">をいくつか追加するだけです。 |
4 | テキストとアイコンのリンク アイコンのクラスを追加し、リンクテキストを<span>要素でラップすることにより、リンクにアイコンとテキストを提供できます。 |
5 | アイコンのみのリンク ナビゲーションバーリンクには、アイコンのみのクラスをリンクに追加することで、アイコンのみを提供できます。 |
6 | 関連するアプリと表示方法 ビューの初期化時に、framework7ではnavbarで使用可能なメソッドを使用できます。 |
7 | ナビゲーションバーを自動的に非表示 ナビゲーションバーが不要な一部のAjaxロードページでは、ナビゲーションバーを自動的に非表示/表示できます。 |