佈局在頂部和導航熱毛巾SPA側邊欄

Question

我要開始一個新的SPA應用，我發現熱毛巾模板非常有趣

我需要有兩個導航領域 - 左側面板和頂部面板。

但熱毛巾的默認外殼只包含三個方面 - 頁眉，頁腳和內容

<div> 
    <header> 
    <!--ko compose: {view: 'nav'} --><!--/ko--> 
    </header> 
    <section id="content" class="main container-fluid"> 
    <!--ko compose: {model: router.activeItem, 
     afterCompose: router.afterCompose, 
     transition: 'entrance'} --> 
    <!--/ko--> 
    </section> 
    <footer> 
    <!--ko compose: {view: 'footer'} --><!--/ko--> 
    </footer> 
</div> 

我如何添加一個新的領域，leftnav？

感謝

Answer 1

經過一番研究，我明白與子視圖如何迪朗達爾作品

任何視圖可以導入任意數量的子視圖，並且佈局僅僅是硬件的問題，我們設計和風格用CSS

的div要包括左側導航欄，所有這些都需要做的就是添加一個新的<!--ko ... -->標籤，並確保有適當的CSS類/風格呈現爲左導航

喜歡的東西THI小號

<!--ko compose: {view: 'top-nav'} --><!--/ko--> 
<!--ko compose: {view: 'left-nav'} --><!--/ko--> 
<!--ko compose: {model: router.activeItem, 
    afterCompose: router.afterCompose, 
    transition: 'entrance'} --> 
<!--/ko--> 
<!--ko compose: {view: 'footer'} --><!--/ko--> 

釷額外的標記，如<header>，<section>等甚至沒有必要，他們可以簡單地在子視圖頂部標籤（或它工作得很好沒有，取決於一個人的喜好）

從這一點來看，我們如何定義實際視圖nop-nav，left-nav等都是一個問題