Polymer Main Text 显示在抽屉的顶部

Question

我又开始玩聚合物了，所以我在 youtube 上一些很棒的教程的帮助下创建了一个基本页面，但我总是在打开抽屉时遇到这个问题。

如您所见，菜单图标和 "Polymer" 标题来自底部工具栏。也许有人知道如何解决它。

谢谢:)

<body fullbleed layout vertical>

    <!-- Drawer -->
    <paper-drawer-panel>
        <!-- Inside the Drawer -->
        <div drawer>

            <!-- Drawer toolbar-->
            <paper-toolbar class="tall">
                <span>Menu</span>
            </paper-toolbar>



        </div>

        <!-- Main Content -->
        <div main class="main">

            <!-- Main toolbar -->
            <paper-toolbar>
                <paper-icon-button icon="menu" tabIndex="1" id="paperToggle" paper-drawer-toggle></paper-icon-button>
                <span class="flex">Polymer</span>

                <!-- Toolbar icons -->
                <paper-icon-button icon="refresh"></paper-icon-button>
                <paper-icon-button icon="search"></paper-icon-button>
            </paper-toolbar>

        </div>
    </paper-drawer-panel>
</body>

Answer 1

我稍微修改了你的代码。将其放入您的 body:

<paper-drawer-panel>
          <paper-header-panel drawer>
            <paper-toolbar class="tall">
              <div>Menu</div>
            </paper-toolbar>

          </paper-header-panel>
          <paper-header-panel main>
            <paper-toolbar>
              <paper-icon-button icon="menu" tabIndex="1" id="paperToggle" paper-drawer-toggle></paper-icon-button>
              <div class="flex">Polymer</div>
              <paper-icon-button icon="refresh"></paper-icon-button>
              <paper-icon-button icon="search"></paper-icon-button>
            </paper-toolbar>
          </paper-header-panel>
        </paper-drawer-panel>

Polymer Main Text 显示在抽屉的顶部

Polymer Main Text is displayed on top of the drawer

html

drawer

polymer