Framework7 - Swipeout
Descrição
O deslizamento permite que você revele as ações ocultas do menu deslizando sobre os elementos da lista. Swipeout é uma extensão da visualização de lista .
Swipeout Classes
A tabela a seguir mostra a lista de classes usadas em swipeout -
| S.Não | Classe e descrição |
|---|---|
| 1 | swipeout-content É o wrapper para seu elemento de lista. Ele se moverá quando você passar o dedo sobre o item da lista. |
| 2 | swipeout-actions-left É o contêiner que consiste em botões / links de ação deslizante para a esquerda. |
| 3 | swipeout-actions-right É o contêiner que consiste em botões / links de ação deslizante para a direita. |
| 4 | swipeout-close É uma aula adicional sobre o link swipeout. É usado para fechar o elemento swipeout sempre que você clicar neste link. |
O swipeout-content e swipeout-actions-left / right devem ser filhos diretos de <li>
Tipos de deslizamento
A tabela a seguir mostra os tipos de deslizamento usados no Framework7 -
| S.Não | Tipo e descrição |
|---|---|
| 1 | Swipeout Basic Um swipeout básico contém wrapper de conteúdo de swipeout e botões / links de ação. |
| 2 | Deslize para excluir Para excluir os botões de ação swipeout, você pode usar a classe swipeout-delete . |
| 3 | Overswipe As ações de deslizar excessivamente serão acionadas automaticamente quando você deslizar muito. |
| 4 | Swipeout JavaScript API Para controlar os elementos de deslizamento, o deslizamento fornece a API JavaScript. |
| 5 | Eventos Swipeout Para detectar como um usuário interage com o swipeout, você pode usar eventos de swipeout. |