Framework7-list-views-list-block
提供:Dev Guides
Framework7-リストブロック
説明
_list block_はリストビュー要素ラッパーであり、_list-block_クラスを使用します。 これはlink:/framework7/framework7_content_block [content block]とほとんど同じですが、リスト要素を対象としています。 すべてのリストビュー要素は、以下に示すように_list-block_要素でラップする必要があります-
リストブロックラベル
_listブロックlabel_は、以下に示すようにリストブロックの最後に追加できます-
リスト項目/要素
柔軟な単一リスト要素のレイアウトを以下に示します-
例
次の例では、Framework7のリストブロックを使用してリストビュー要素のラッパーを指定します-
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコードを list_views_list_blockl ファイルとしてサーバーのルートフォルダーに保存します。
- このHTMLファイルをhttp://localhost/list_views_list_blocklとして開くと、出力は以下のように表示されます。
- この例では、リスト要素のリストビュー要素ラッパーを表示します。これは、コンテンツブロックに似ています。