Mobile-First diálogo popup biblioteca JavaScript-MCX-Dialog-móvil
| Autor: | code-mcx |
|---|---|
| Views Total: | 1,963 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 12, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
MCX-Dialog-móvil es un plugin de JavaScript puro para crear móvil-primero, ventanas emergentes de diálogo inspiradas en iOS (diálogo de alerta/confirmación, hoja de acción, carga Spinner, notificación del sistema) en su aplicación Web.
More previews:
Funcionamiento
Importe ' Dialog-Mobile. css ' y ' MCX-Dialog. js ' en el documento.
<link rel="stylesheet" href="dist/css/dialog-mobile.css"> <script src="dist/mcx-dialog.js"></script>
Crear un diálogo de alerta.
mcxDialog.alert("Alert Message"); Cree un diálogo de confirmación.
mcxDialog.confirm("Are you sure?", {
sureBtnClick: function(){
// callback
}
}); Cree una notificación del sistema que el auto despide después de 2 segundos.
mcxDialog.toast("Toast message", 2); Cree un Spinner de carga.
mcxDialog.loading({
src: "dist/img",
hint: "Loading..."
}); Cree una hoja de acción personalizada.
mcxDialog.showBottom({
btn: ["Item 1", "Item 2"],
btnColor: ["#000000", "#000000"],
btnClick: function(index){
alert("You Just Clicked" + btn[index - 1]);
}
});
