2016-04-14 10 views

Antwort

0

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.