私は温泉UIスプリットViewで働いています。すべてが「ランドスケープモード」で完璧に動作します。私はons-split-viewページがモバイルデバイス「ポートレートモード」で開いているときに、左ナビゲーションがメインページとして機能し、リンクをクリックすると別のページが上に表示され、左のナビゲーションページに戻ります。ons-split-viewページの左ナビゲーションをモバイルポートレートモードのメインページとして開きます。
実際にあなたがしたいことは、スプリットビューが行うことができるものではありません。
おそらく最も簡単なことは、ons-sliding-menuです。温泉2では実際にはこれら2つの成分がons-splitterという新しい成分に結合されました。機能はあなたが望むものと正確に同じではないかもしれませんが、それは似ていて、おそらく使いやすいでしょう。
もう1つのオプションは、もっと手間がかかります。
@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);
}
}
そしてまた、あなたのメインページに戻るボタンを追加し、唯一の肖像画にそれが見えるようにすることができます：あなたができる最も簡単なことは、ちょうどあなたが何をしたいんいくつかのCSSを記述しています。必要なのは、メニュー項目をクリックすると要素からclosedクラスが追加され、バックボタンをクリックすると削除されるということです。
また、ons-splitterがすでにこれらのタイプのものを用意している温泉2に移動することも考えてください。