Framework7 - Modal de sobreposição

Descrição

Modal é uma pequena janela que exibe o conteúdo de uma fonte separada sem sair da janela principal.

Existem diferentes tipos de modais disponíveis no Framework7, conforme especificado na tabela a seguir -

S.Não Tipo e descrição modal
1 Alerta

Ele exibe o modal de alerta.

2 confirme

O modal de confirmação é usado para confirmar alguma ação para o conteúdo exibido.

3 Pronto

O modal de prompt permite que os usuários realizem algumas ações.

4 Login e senha

Este tipo de modal é usado para autenticação.

5 Modais de aninhamento

Você pode usar um modal dentro de outro modal.

6 Modal Preloader

O modal pré-carregador define a ação em segundo plano e interrompe as ações do usuário durante essa ação.

7 Indicador

Indicador modal especifica pequena atividade de indicação como modal pré-carregador para as ações do usuário.

Modais Personalizados

A tabela a seguir mostra a lista de parâmetros modais -

S.Não Parâmetro e Descrição Tipo Padrão
1

title

É um parâmetro opcional que define a string com o título modal.

corda -
2

text

É um parâmetro opcional que define a string com o texto modal.

corda -
3

afterText

É um parâmetro opcional que define a string após o texto.

corda
4

buttons

É um parâmetro opcional que contém uma matriz de botões e cada botão é especificado com o parâmetro de botão como objeto.

matriz -
5

verticalButtons

É um parâmetro opcional, que especifica os botões verticais definindo-o como verdadeiro.

boleano falso
6

onClick

É um parâmetro opcional que executa a função de retorno de chamada quando o usuário clica no botão modal.

função -

A tabela a seguir lista os parâmetros do botão -

S.Não Parâmetro e Descrição Tipo Padrão
1

text

É um parâmetro opcional que define a string com o texto do botão.

corda -
2

bold

É um parâmetro opcional, que deixa o texto em negrito configurando-o como verdadeiro.

boleano falso
3

close

É um parâmetro opcional, que fechará o modal quando você clicar no botão se estiver definido como verdadeiro.

boleano verdadeiro
4

onClick

É um parâmetro opcional que executa a função de retorno de chamada quando o usuário clica no botão.

função -

Eventos Modais

A tabela a seguir mostra uma lista dos eventos modais -

S.Não Evento Alvo e descrição
1 abrir

Modal Element

Quando você abre uma animação, este evento é disparado.

2 aberto

Modal Element

Quando a abertura de uma animação for concluída, este evento será disparado.

3 Fechar

Modal Element

Quando você fecha uma animação, este evento é disparado.

4 fechadas

Modal Element

Quando o fechamento de uma animação for concluído, este evento será disparado.