Framework7-list-view-swipe
提供:Dev Guides
Framework7-スワイプアウト
説明
_swipeout_を使用すると、リスト要素をスワイプすることで、非表示のメニューアクションを表示できます。 _Swipeout_は、_list view_の拡張です。
スワイプアウトクラス
次の表は、_swipeout_で使用されるクラスのリストを示しています-
S.No | Class & Description |
---|---|
1 |
swipeout-content リスト要素のラッパーです。 リスト項目をスワイプすると移動します。 |
2 |
swipeout-actions-left これは、左のスワイプアウトアクションボタン/リンクで構成されるコンテナーです。 |
3 |
swipeout-actions-right これは、右のスワイプアウトアクションボタン/リンクで構成されるコンテナーです。 |
4 |
swipeout-close スワイプアウトリンクの追加クラスです。 このリンクをクリックするたびに、スワイプアウト要素を閉じるために使用されます。 |
'__swipeout-content_および_swipeout-actions-left/right_は、<li>の直接の子である必要があります_
スワイプアウトの種類
次の表は、Framework7で使用される_swipeout_型を示しています-
S.No | Type & Description |
---|---|
1 |
基本的なスワイプアウトには、_swipeout-content_ラッパーとアクションボタン/リンクが含まれます。 |
2 |
スワイプアウトアクションボタンを削除するには、_swipeout-delete_クラスを使用できます。 |
3 |
_overswipe_アクションは、アクションをスワイプしすぎると自動的にトリガーされます。 |
4 |
スワイプアウト要素を制御するために、スワイプアウトはJavaScript APIを提供します。 |
5 |
ユーザーがスワイプアウトと対話する方法を検出するには、スワイプアウトイベントを使用できます。 |