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.