Framework7 - Swipeout
Descrizione
Lo swipeout ti consente di rivelare le azioni di menu nascoste scorrendo sugli elementi dell'elenco. Swipeout è un'estensione della visualizzazione elenco .
Classi Swipeout
La tabella seguente mostra l'elenco delle classi utilizzate in swipeout :
S.No | Classe e descrizione |
---|---|
1 | swipeout-content È il wrapper per l'elemento dell'elenco. Si sposterà quando scorri sulla voce dell'elenco. |
2 | swipeout-actions-left È il contenitore costituito da pulsanti / collegamenti di azione a scorrimento sinistro. |
3 | swipeout-actions-right È il contenitore costituito da pulsanti / collegamenti di azione swipeout a destra. |
4 | swipeout-close È una classe aggiuntiva sul collegamento a scorrimento. Viene utilizzato per chiudere l'elemento swipeout ogni volta che fai clic su questo collegamento. |
Lo swipeout-contenuti e swipeout-azioni-sinistra / destra dovrebbe essere figli diretti di <li>
Tipi di swipeout
La tabella seguente mostra i tipi di swipeout utilizzati in Framework7:
S.No | Tipo e descrizione |
---|---|
1 | Swipeout Basic
Uno swipeout di base contiene wrapper di contenuto swipeout e pulsanti / collegamenti di azione. |
2 | Scorri per eliminare
Per eliminare i pulsanti di azione swipeout, puoi utilizzare la classe swipeout-delete . |
3 | Overswipe
Le overswipe azioni saranno attivate automaticamente quando si scorrere azioni troppo. |
4 | API JavaScript Swipeout
Per controllare gli elementi swipeout, swipeout ti fornisce l'API JavaScript. |
5 | Eventi swipeout
Per rilevare in che modo un utente interagisce con lo swipeout, puoi utilizzare gli eventi di swipeout. |