Je travaille dans Onsen UI Split View Page. Tout fonctionne parfaitement en "mode paysage". Je veux quand la page ons-split-view est ouverte dans l'appareil mobile "Portrait Mode" puis Left Navigation fonctionne comme page principale et quand nous cliquons sur un lien, une autre page s'ouvre avec le bouton Back pour retourner à la page de navigation gauche.Ouvrir la navigation à gauche de la page ons-split-view comme page principale en mode portrait mobile
Répondre
Eh bien, ce que vous voulez faire n'est pas quelque chose que la vue partagée est censée être capable de faire. La meilleure chose à faire est probablement ons-sliding-menu
. Dans Onsen 2 en fait, ces deux composants ont été fusionnés en un nouveau appelé ons-splitter
. La fonctionnalité n'est peut-être pas exactement ce que vous voulez, mais elle est similaire et probablement facile à utiliser.
L'autre option peut nécessiter un effort supplémentaire. La meilleure chose que vous pouvez faire est d'écrire quelques-unes qui fait ce que css vous voulez:
@media screen and (orientation:portrait) {
.onsen-split-view__secondary {
opacity: 1 !important;
display: block !important;
z-index: 2;
width: 100% !important;
transition: 0.2s transform ease-in;
}
.onsen-split-view__secondary.closed {
transform: translate(-100%, 0);
}
}
Et vous pouvez également ajouter un backbutton à vos pages principales et le rendre visible uniquement en mode portrait. Ce que vous voulez, c'est que lorsque vous cliquez sur un élément de menu, il ajoute la classe closed
de l'élément et lorsque vous cliquez sur le bouton Précédent, il le supprime.
Si vous voulez, vous pouvez également envisager de passer à Onsen 2 où le ons-splitter
fait déjà ces types de choses hors de la boîte.