1. Cree una página subconsalimenta durante la inicialización
2. Abra la nueva página directamente
3. Página previa a la carga
【Ejemplo】1. Cree una página subconsalimenta durante la inicialización
mui.init ({{
Subpage: [{{
URL: su dirección -subpage -url, // sub -páginas html, admite direcciones locales y de red
ID: Your -subpage -id, // subpacked
estilos: {{
Arriba: Subpage -Top -Position, la posición superior de la página subterránea
Abajo: subpage -bottom -position, // la posición inferior de la página subterránea
Ancho: Subpage -Width, // Sub -Page Width, el valor predeterminado es 100%
Altura: Subpage -Height, // Altura de la página subterránea, el valor predeterminado es 100%
...
},
Extras: {} // parámetros de extensión adicionales
}]
});
2. Abra la nueva página directamente
mui.openwindow ({{
URL: nueva página -Url,
ID: New -Page -id,
estilos: {{
Arriba: NewPage -Top -Position, // Página nueva Posición Top
Abajo: Newage -bottom -position, // la parte inferior de la nueva página
Ancho: NewPage -Width, // Nuevo ancho de la página, el valor predeterminado es 100%
Altura: NewPage -Height, // Nueva altura de la página, predeterminado
...
},
extras: {
..... // Los parámetros de extensión personalizados se pueden utilizar para procesar el valor de la página entre la página
}
espectáculo: {
AUTOSHOW: verdadero, // El evento cargado de página se muestra automáticamente
Anishow: AnimationType, // Page Display Animation, el valor predeterminado es la diapositiva;
Duración: AnimationTime // Page Duración de animación, la plataforma Android predeterminada a 100 milisegundos predeterminados, la plataforma iOS predeterminada a 200 milisegundos;
},
ESPERA: {
Autoshow: true, // Muestra automáticamente el cuadro de espera, el valor predeterminado es verdadero
Título: 'Cargar ...', // Esperando el contenido de solicitud que se muestra en el cuadro de diálogo
Opciones: {
Ancho: espera -dialog -widht, // esperando el área de fondo del cuadro de espera, predeterminado calcule automáticamente el ancho apropiado de acuerdo con el contenido
Altura: espera -dialog -Height, // El área de fondo de la caja de espera, la altura apropiada se calcula automáticamente de acuerdo con el contenido de forma predeterminada
...
}
}
})
3. Página previa a la carga
// Método 1
mui.init ({{
PreloadPages: [{{
url: prelaood -page -url,
ID: precarga -page -id,
Estilos: {}, // Parámetros de la ventana
Extras: {}, // parámetros de extensión personalizados
Subpage: [{}, {}] // subpage de la página previa a la carga
}]
});
// Método 2
var página = mui.preload ({
URL: nueva página -Url,
ID: new -page -id, // URL en la página actual como ID como ID
Estilos: {}, // Parámetros de la ventana
Extras: {} // parámetros de extensión personalizados
});
【Algunas diferencias】1. Sub -Page y Página no
Entre los tres métodos anteriores, 2,3 Páginas abiertas no
La diferencia es que la página del niño es equivalente a iframe en HTML, no la página subconspectiva es equivalente a una nueva ventana del navegador cargada de un HTML
2. La subconscorte es adecuada para el menú de diapositivas laterales
La subcuenca tiene un poco, especialmente aplicable a la situación con index.html+list.html.
Si usa index.html (página de inicio)+list.html (sub -page), cuando se desliza la página correcta de la página de inicio, la página infantil se seguirá automáticamente,
Si se implementa con index.html (página de inicio)+list.html (nueva página), la superficie de la página de inicio es correcta, la nueva página no se desliza correctamente y la nueva página debe procesarse por separado.
3. Situación de conmutación práctica de la página subconsal
Si frecuentemente desliza a la izquierda y a la derecha, list.html aparecerá en el teléfono móvil de configuración inferior para cubrir el index.html.
El modo Sub -Page no está disponible, y la posibilidad de usar el nuevo modo de página es muy alta.
4. Aplicación de la página subconsalimenta y sueldo de actualización y extracción de la carga
Cuando me renové antes, usé la forma de una nueva página.
Según el tutorial oficial del sitio web, no tiene éxito hacerlo,
Más tarde, después de mirar el código fuente inferior, descubrí que la actualización de caída debe adoptar la forma de la subpaga.
Es decir, su list.html debe ser la subpágina de index.html para desplazar.
5. La nueva página es adecuada para la nueva página
Open es una nueva página, que es adecuada para ver los detalles.
Y MUI encapsula el método de retroceso de la nueva página, y no necesita preocuparse por ello.
6. Dos formas de pre -carga de la página
El primero es precargado cuando la inicialización,
Esta situación es adecuada para su página durante mucho tiempo.
Si desea obtener la página de inmediato, se volverá nulo.
La segunda forma es similar a la abierta,
Personalmente siento que no hay una gran diferencia
La única diferencia es que el abierto está directamente abierto,
La precarga está cargada, puede elegir el momento de la apertura.
7. Resumen
Debe actualizar la carga:
Debe abrir una nueva página, utilice el método de nueva página,
Debe cargar una página pero no se usa por el momento, utilice el método de pre -carga.
Lo anterior es todo el contenido de este artículo.