Polymer 聚合物应用程序抽屉开关在大屏幕上不起作用

Polymer app drawer可以在移动屏幕上工作，但不能在大屏幕上切换

  <app-drawer-layout fullbleed force-narrow>
  <app-drawer id="drawer" slot="drawer" swipe-open>
    <app-toolbar>Menu</app-toolbar>
    <iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation">
      <a name="view1" href="[[rootPath]]view1">View One</a>
    </iron-selector>
  </app-drawer>

  <!-- Main content -->
  <app-header-layout has-scrolling-region>

    <app-header class="mainHeader" fixed slot="header" reveals effects="blend-background waterfall">
      <app-toolbar>
          <div main-title>
            Title
          </div>
          <span class="username">USER</span>
          <paper-button class="logout">Signout</paper-button>
      </app-toolbar>
    </app-header>
  </app-header-layout>
</app-drawer-layout>

标题
使用者
签到

---

你知道这为什么不起作用吗？

你没有菜单图标来切换抽屉。将此添加到标题：

<paper-icon-button icon="my-icons:menu" drawer-toggle></paper-icon-button>

完整代码如下所示：

<app-drawer-layout fullbleed force-narrow>
  <app-drawer id="drawer" slot="drawer" swipe-open>
    <app-toolbar>Menu</app-toolbar>
    <iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation">
      <a name="view1" href="[[rootPath]]view1">View One</a>
    </iron-selector>
  </app-drawer>

  <!-- Main content -->
  <app-header-layout has-scrolling-region>

    <app-header class="mainHeader" fixed slot="header" reveals effects="blend-background waterfall">
      <app-toolbar>
          <paper-icon-button icon="my-icons:menu" drawer-toggle></paper-icon-button>
          <div main-title>
            Title
          </div>
          <span class="username">USER</span>
          <paper-button class="logout">Signout</paper-button>
      </app-toolbar>
    </app-header>
  </app-header-layout>
</app-drawer-layout>

标题
使用者
签到

您没有菜单图标来切换抽屉。将此添加到标题：

<paper-icon-button icon="my-icons:menu" drawer-toggle></paper-icon-button>

完整代码如下所示：

<app-drawer-layout fullbleed force-narrow>
  <app-drawer id="drawer" slot="drawer" swipe-open>
    <app-toolbar>Menu</app-toolbar>
    <iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation">
      <a name="view1" href="[[rootPath]]view1">View One</a>
    </iron-selector>
  </app-drawer>

  <!-- Main content -->
  <app-header-layout has-scrolling-region>

    <app-header class="mainHeader" fixed slot="header" reveals effects="blend-background waterfall">
      <app-toolbar>
          <paper-icon-button icon="my-icons:menu" drawer-toggle></paper-icon-button>
          <div main-title>
            Title
          </div>
          <span class="username">USER</span>
          <paper-button class="logout">Signout</paper-button>
      </app-toolbar>
    </app-header>
  </app-header-layout>
</app-drawer-layout>

标题
使用者
签到