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. |