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>

如何使用聚合物

2 个答案: