Framework7-navbar-links-icons
提供:Dev Guides
Framework7-テキストとアイコンのリンク
説明
アイコンのクラスを追加し、リンクテキストを_ <span> _要素でラップすることにより、リンクにアイコンとテキストを提供できます。
例
次の例は、Framework7でテキストとアイコンを使用したnavbarリンクの使用を示しています-
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコードを navbar_links_iconsl ファイルとしてサーバーのルートフォルダーに保存します。
- このHTMLファイルをhttp://localhost/navbar_links_iconslとして開くと、出力は以下のように表示されます。
- navbarは、リンクのテキストをspan要素でラップすることにより、アイコンとテキストのリンクを提供します。