如何使用聚合物爲應用創建材質設計標頭

Question

<app-header fixed condenses effects="waterfall"> 
<app-toolbar> 
    <paper-icon-button icon="menu"></paper-icon-button> 
    <div title>My Menu</div> 
    <paper-icon-button icon="shopping-cart"></paper-icon-button> 
</app-toolbar> 

上述代碼僅在空白頁面中顯示我的菜單。如何使用材料設計創建應用程序標題？我應該在哪裏更改代碼？

Answer 1

你看過聚合物目錄中的paper-elements嗎？這些設計遵循材料設計規範。有一個paper-header-panel元素和一個paper-toolbar元素，它將按照您的預期顯示。

Answer 2

您應該檢查聚合物app-elements 它爲您提供應用佈局，包括抽屜，主要內容（頁眉，頁腳）

<app-drawer-layout> 
 
<app-drawer> 
 
    <!-- drawer-content --> 
 
</app-drawer> 
 
<app-header-layout> 
 
    <app-header> 
 
    <app-toolbar> 
 
     <div title>App name</div> 
 
     </app-toolbar> 
 
    </app-header> 
 
    <!-- main content --> 
 
    </app-header-layout> 
 
</app-drawer-layout>