Ich arbeite in Onsen UI Split View Page. Alles funktioniert perfekt im "Landscape Mode". Ich möchte, wenn Ons-Split-View-Seite im mobilen Gerät geöffnet ist "Portrait-Modus" dann Linke Navigation funktioniert als Hauptseite und wenn wir auf einen Link klicken, dann öffnet sich eine andere Seite mit Zurück Schaltfläche oben für zurück zur linken Navigationsseite gehen.Linke Navigation der Seite "ons-split-view" als Hauptseite im mobilen Hochformat öffnen
Antwort
Nun eigentlich, was Sie tun möchten, ist nicht etwas, was die Split-Ansicht tun soll.
Die wahrscheinlich einfachste Sache ist, in ons-sliding-menu
zu schauen. In Onsen 2 wurden diese beiden Komponenten zu einem neuen zusammengefügt: ons-splitter
. Die Funktionalität ist möglicherweise nicht genau das, was Sie wollen, aber es ist ähnlich und wahrscheinlich einfach zu bedienen.
Die andere Option erfordert möglicherweise etwas mehr Aufwand. Die einfachste, was man tun könnte, ist schreiben nur einige CSS, die das tut, was Sie wollen:
@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);
}
}
Und auch können Sie einen Backbutton auf Ihre Hauptseiten hinzufügen und sichtbar nur im Hochformat machen. Wenn Sie auf einen Menüeintrag klicken, fügt er die closed
Klasse aus dem Element hinzu und wenn Sie auf den Zurück-Knopf klicken, wird er entfernt.
Wenn Sie möchten, könnten Sie auch in Erwägung ziehen, zu Onsen 2 zu wechseln, wo die ons-splitter
bereits diese Art von Dingen aus der Box macht.