1. Crie uma sub -página durante a inicialização
2. Abra a nova página diretamente
3. Página de pré -carga
【Exemplo】1. Crie uma sub -página durante a inicialização
Mui.init ({{
Subpáginas: [{{
URL: seu endereço html -subpage -url, // Sub -Page HTML, suporta endereços locais e de rede
ID: seu -subpage -id, // subpackeado
Estilos: {{
Em cima: Subpagem -top -Position, a posição superior da sub -página
Inferior: Subpagem -Bottom -Possição, // A posição inferior da sub -página
Largura: Subpagem -Width, // Largura da sub -página, o padrão é 100%
Altura: Subpagem -Height, // Altura da sub -página, o padrão é 100%
... ...
},
Extras: {} // Parâmetros de extensão adicionais
}]
});
2. Abra a nova página diretamente
Mui.openWindow ({{
URL: novo -Page -url,
ID: novo -Page -id,
Estilos: {{
TOP: newpage -top -position, // nova página de posição superior
Inferior: Newage -Bottom -Possição, // a parte inferior da nova página
Largura: NewPage -Width, // Largura da nova página, o padrão é 100%
Altura: NewPage -Height, // New Page Hight, padrão
... ...
},
Extras: {
..... // parâmetros de extensão personalizados podem ser usados para processar o valor da página entre a página
}
mostrar: {
AUTOHOW: True, // Evento carregado de página Exibir automaticamente
Anishow: AnimationType, // Página Exibir animação, o padrão é slide-in-diamt;
Duração: duração da animação da animação //, a plataforma Android padrão é de 100 milissegundos padrão, a plataforma iOS padroniza para 200 milissegundos;
},
ESPERANDO: {
AutoSHOW: true, // exibir automaticamente a caixa de espera, o padrão é verdadeiro
Título: 'Load ...', // Aguardando o conteúdo imediato exibido na caixa de diálogo
Opções: {
Largura: Esperando -dialog -Widht, // Aguardando a área de fundo da caixa de espera, o padrão calcula automaticamente a largura apropriada de acordo com o conteúdo
Altura: Esperando -dialog -Height, // A área de fundo da caixa de espera, a altura apropriada é calculada automaticamente de acordo com o conteúdo por padrão
... ...
}
}
})
3. Página de pré -carga
// Método 1
Mui.init ({{
PreloadPages: [{{
URL: Prelaod -Page -url,
ID: pré -carga -Page -id,
Estilos: {}, // parâmetros de janela
Extras: {}, // parâmetros de extensão personalizados
Subpáginas: [{}, {}] // Página de pré -carregamento Subpagem
}]
});
// Método 2
var página = mui.preload ({
URL: novo -Page -url,
ID: novo -Page -id, // URL na página atual como o ID como ID
Estilos: {}, // parâmetros de janela
Extras: {} // Parâmetros de extensão personalizados
});
【Algumas diferenças】1.
Entre os três métodos acima, 2,3 Página aberta não -Sub -Páginas,
A diferença é que a página infantil é equivalente ao iframe no html, não a sub -página é equivalente a uma nova janela do navegador carregada um html
2. A sub -página é adequada para o menu de slide lateral
A sub -página tem um pouco, especialmente aplicável à situação com index.html+list.html.
Se você usar index.html (página inicial)+list.html (sub -página), quando a página certa da página inicial for escorregada, a página infantil será seguida automaticamente,
Se for implementado com index.html (página inicial)+list.html (nova página), a superfície da página inicial está certa, a nova página não desliza para a direita e a nova página deve ser processada separadamente.
3.
Se você deslizar frequentemente para a esquerda e para a direita, list.html aparecerá no telefone celular inferior da configuração para cobrir o index.html.
O modo de sub -página não está disponível e a chance de usar o novo modo de página é muito alta.
4. Aplicação da sub -página e renovação de queda e pule -up de carga
Quando fui atualizado antes, usei a forma de uma nova página.
De acordo com o tutorial oficial do site, não é bem -sucedido fazê -lo,
Posteriormente, depois de olhar para o código -fonte inferior, descobri que a atualização de queda deve adotar o formulário da subpagem.
Isto é, sua lista.html deve ser a subpagem do index.html para suspenso.
5. A nova página é adequada para a nova página
Open é uma nova página, adequada para visualizar detalhes.
E o MUI encapsula o método traseiro da nova página e você não precisa se preocupar com isso.
6. Duas maneiras de pré -carregar página
O primeiro é pré -carregado quando inicialização,
Esta situação é adequada para sua página por um longo tempo.
Se você quiser obter a página imediatamente, ficará nulo.
A segunda maneira é semelhante a abrir,
Pessoalmente, sinto que não há grande diferença,
A única diferença é que o aberto está diretamente aberto,
A pré -carga está carregada, você pode escolher o momento da abertura.
7. Resumo
Você precisa atualizar a carga de tração, use a sub -página, use a sub -página,
Você precisa abrir uma nova página, use o novo método da página,
Você precisa carregar uma página, mas não é usado por enquanto, use o método de pré -carregamento.
O acima é o conteúdo deste artigo.