Framework7-cards-list-view
提供:Dev Guides
Framework7-カード付きリストビュー
説明
cards_list_クラスを <div class = "list-block"> _に追加することにより、_cards_をリストビュー要素として使用できます。
例
次の例は、Framework7のカードでリストビューを使用する方法を示しています-
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコードを cards_list_viewl ファイルとしてサーバーのルートフォルダーに保存します。
- このHTMLファイルをhttp://localhost/cards_list_viewlとして開くと、出力は以下のように表示されます。
- この例では、カードヘッダーとカードフッターとともにリストビューの要素としてカードを提供します。