在手機肖像模式下打開分割查看頁面的主頁左側導航

Question

我在溫泉UI拆分工作View頁面。每一件事情都在「風景模式」中完美運作。我想要在移動設備中打開分割視圖頁面時，「肖像模式」，然後左導航將作爲主頁面，當我們點擊任何鏈接時，會打開另一個頁面，並在上方有返回按鈕返回到左側導航頁面。

Answer 1

實際上，你想要做的並不是分割視圖能夠做到的事情。

可能最簡單的事情是看看ons-sliding-menu。在溫泉2實際上這兩個組件已合併成一個新的名爲ons-splitter。功能可能並不完全是你想要的，但它很相似，可能很容易使用。

其他選項可能需要更多的努力。你可以做最簡單的事情是隻寫一些CSS這你想要做什麼：

@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); 
    } 
} 

，你也可以一個後退按鈕添加到您的主網頁，使其只在畫像可見。你想要的是，當你點擊一個菜單項時，它會從元素中添加closed類，當你點擊後退按鈕時，它會將其刪除。

如果你想要的話，你也可以考慮搬到溫泉2，其中ons-splitter已經開箱即用這些類型的東西。