Framework7 - Swipeout
La description
Le balayage vous permet de révéler les actions de menu masquées en faisant glisser les éléments de la liste. Swipeout est une extension de la vue de liste .
Classes par balayage
Le tableau suivant montre la liste des classes utilisées dans le balayage -
S. Non | Classe et description |
---|---|
1 | swipeout-content C'est le wrapper de votre élément de liste. Il se déplacera lorsque vous glisserez sur l'élément de la liste. |
2 | swipeout-actions-left C'est le conteneur composé de boutons / liens d'action de balayage vers la gauche. |
3 | swipeout-actions-right C'est le conteneur composé de boutons / liens d'action de balayage vers la droite. |
4 | swipeout-close C'est une classe supplémentaire sur le lien de balayage. Il est utilisé pour fermer l'élément de balayage chaque fois que vous cliquez sur ce lien. |
Le swipeout-content et le swipeout-actions-left / right doivent être des enfants directs de <li>
Types de balayage
Le tableau suivant montre les types de balayage utilisés dans Framework7 -
S. Non | Type et description |
---|---|
1 | Balayage basique
Un balayage de base contient un wrapper de contenu de balayage et des boutons / liens d'action. |
2 | Glisser pour supprimer
Pour supprimer les boutons d'action de balayage, vous pouvez utiliser la classe de suppression de balayage . |
3 | Sur-balayage
Les actions de balayage excessif seront automatiquement déclenchées lorsque vous balayez trop les actions. |
4 | API JavaScript Swipeout
Pour contrôler les éléments de balayage, swipeout vous fournit l'API JavaScript. |
5 | Événements de balayage
Pour détecter la manière dont un utilisateur interagit avec le balayage, vous pouvez utiliser les événements de balayage. |