Framework7 - Modal de superposición
Descripción
Modal es una pequeña ventana que muestra el contenido de una fuente separada sin salir de la ventana principal.
Hay diferentes tipos de modales disponibles en Framework7 como se especifica en la siguiente tabla:
S. No | Tipo y descripción modal |
---|---|
1 | Alerta Muestra el modal de alerta. |
2 | Confirmar Confirmar modal se usa para confirmar alguna acción para el contenido mostrado. |
3 | Rápido Prompt modal permite a los usuarios realizar algunas acciones. |
4 | Inicio de sesión y contraseña Este tipo de modal se utiliza para la autenticación. |
5 | Modales de anidación Puede usar un modal dentro de otro modal. |
6 | Modal de precargador El modal de precargador define la acción en segundo plano y detiene las acciones del usuario durante esta acción. |
7 | Indicador El modal de indicador especifica una pequeña actividad de indicación como el modal de precargador para las acciones del usuario. |
Modales personalizados
La siguiente tabla muestra la lista de parámetros modales:
S. No | Descripción de parámetros | Tipo | Defecto |
---|---|---|---|
1 | title Es un parámetro opcional que define la cadena con el título modal. |
cuerda | - |
2 | text Es un parámetro opcional que define la cadena con el texto modal. |
cuerda | - |
3 | afterText Es un parámetro opcional que define la cadena después del texto. |
cuerda | |
4 | buttons Es un parámetro opcional que contiene una matriz de botones y cada botón se especifica con el parámetro de botón como objeto. |
formación | - |
5 | verticalButtons Es un parámetro opcional, que especifica los botones verticales configurándolo en verdadero. |
booleano | falso |
6 | onClick Es un parámetro opcional que ejecuta la función de devolución de llamada cuando el usuario hace clic en el botón modal. |
función | - |
La siguiente tabla enumera los parámetros del botón:
S. No | Descripción de parámetros | Tipo | Defecto |
---|---|---|---|
1 | text Es un parámetro opcional que define la cadena con el texto del botón. |
cuerda | - |
2 | bold Es un parámetro opcional, que hace que el texto esté en negrita al establecerlo en verdadero. |
booleano | falso |
3 | close Es un parámetro opcional, que cerrará el modal cuando haga clic en el botón si está configurado en verdadero. |
booleano | cierto |
4 | onClick Es un parámetro opcional que ejecuta la función de devolución de llamada cuando el usuario hace clic en el botón. |
función | - |
Eventos modales
La siguiente tabla muestra una lista de los eventos modales:
S. No | Evento | Destino y descripción |
---|---|---|
1 | abierto | Modal Element Cuando abres una animación, este evento se activará. |
2 | abrió | Modal Element Cuando se completa la apertura de una animación, este evento se activará. |
3 | cerca | Modal Element Cuando cierras una animación, este evento se activará. |
4 | cerrado | Modal Element Cuando se completa el cierre de una animación, este evento se activará. |