Framework7 - Sovrapposizione modale
Descrizione
Modal è una piccola finestra che visualizza il contenuto da un'origine separata senza lasciare la finestra principale.
Ci sono diversi tipi di modali disponibili in Framework7 come specificato nella tabella seguente:
| S.No | Tipo e descrizione modali |
|---|---|
| 1 | Mettere in guardia
Visualizza l'avviso modale. |
| 2 | Confermare
Conferma modale viene utilizzato per confermare alcune azioni per il contenuto visualizzato. |
| 3 | Richiesta
Il prompt modale consente agli utenti di eseguire alcune azioni. |
| 4 | Accesso e password
Questo tipo di modale viene utilizzato per l'autenticazione. |
| 5 | Modali di nidificazione
Puoi usare un modale dentro un altro modale. |
| 6 | Preloader Modal
La modalità Preloader definisce l'azione in background e interrompe le azioni dell'utente durante questa azione. |
| 7 | Indicatore
L'indicatore modale specifica una piccola attività di indicazione come il preloader modale per le azioni dell'utente. |
Modali personalizzati
La tabella seguente mostra l'elenco dei parametri modali:
| S.No | Parametro e descrizione | genere | Predefinito |
|---|---|---|---|
| 1 | title È un parametro opzionale che definisce la stringa con il titolo modale. |
corda | - |
| 2 | text È un parametro opzionale che definisce la stringa con il testo modale. |
corda | - |
| 3 | afterText È un parametro opzionale che definisce la stringa dopo il testo. |
corda | |
| 4 | buttons È un parametro opzionale che contiene un array di pulsanti e ogni pulsante è specificato con il parametro button come oggetto. |
Vettore | - |
| 5 | verticalButtons È un parametro opzionale, che specifica i pulsanti verticali impostandolo su true. |
booleano | falso |
| 6 | onClick È un parametro opzionale che esegue la funzione di callback quando l'utente fa clic sul pulsante modale. |
funzione | - |
La tabella seguente elenca i parametri del pulsante:
| S.No | Parametro e descrizione | genere | Predefinito |
|---|---|---|---|
| 1 | text È un parametro opzionale che definisce la stringa con il testo del pulsante. |
corda | - |
| 2 | bold È un parametro opzionale, che rende il testo in grassetto impostandolo su true. |
booleano | falso |
| 3 | close È un parametro opzionale, che chiuderà il modale quando fai clic sul pulsante se è impostato su true. |
booleano | vero |
| 4 | onClick È un parametro opzionale che esegue la funzione di callback quando l'utente fa clic sul pulsante. |
funzione | - |
Eventi modali
La tabella seguente mostra un elenco degli eventi modali:
| S.No | Evento | Target e descrizione |
|---|---|---|
| 1 | Aperto | Modal Element Quando apri un'animazione, questo evento verrà attivato. |
| 2 | ha aperto | Modal Element Quando l'apertura di un'animazione è completa, questo evento verrà attivato. |
| 3 | vicino | Modal Element Quando chiudi un'animazione, questo evento verrà attivato. |
| 4 | chiuso | Modal Element Quando la chiusura di un'animazione è completa, questo evento verrà attivato. |