Framework7 - Deslizar
Descripción
El deslizamiento le permite revelar acciones ocultas del menú deslizando el dedo sobre los elementos de la lista. Swipeout es una extensión de la vista de lista .
Clases de deslizamiento
La siguiente tabla muestra la lista de clases utilizadas en deslizamiento -
| S. No | Clase y descripción |
|---|---|
| 1 | swipeout-content Es el contenedor de su elemento de lista. Se moverá cuando pases el dedo por el elemento de la lista. |
| 2 | swipeout-actions-left Es el contenedor que consta de botones / enlaces de acción deslizantes hacia la izquierda. |
| 3 | swipeout-actions-right Es el contenedor que consta de botones / enlaces de acción deslizantes hacia la derecha. |
| 4 | swipeout-close Es una clase adicional sobre el enlace deslizante. Se utiliza para cerrar el elemento deslizante cada vez que hace clic en este enlace. |
El swipeout-contenido y swipeout-acciones-izquierda / derecha debería ser hijos directos de <li>
Tipos de deslizamiento
La siguiente tabla muestra los tipos de deslizamiento utilizados en Framework7:
| S. No | Tipo y descripción |
|---|---|
| 1 | Deslizar Básico
Un deslizamiento básico contiene un contenedor de contenido deslizable y botones / enlaces de acción. |
| 2 | Deslizar para eliminar
Para eliminar los botones de acción de deslizamiento, puede usar la clase de eliminación de deslizamiento . |
| 3 | Overswipe
Las acciones de deslizamiento excesivo se activarán automáticamente cuando deslice demasiado las acciones. |
| 4 | API de JavaScript deslizable
Para controlar los elementos de deslizamiento, deslizar le proporciona la API de JavaScript. |
| 5 | Eventos de deslizamiento
Para detectar cómo interactúa un usuario con el deslizamiento, puede utilizar eventos de deslizamiento. |