聚合物纸图标按钮不显示图像

时间:2015-10-23 07:10:22

标签: html5 polymer

我想制作一个纸质抽屉面板,左侧有一个菜单按钮,用于打开导航抽屉。所以在主标题面板中我添加了按钮,就像在Polymer文档中一样:

<paper-header-panel main>
  <paper-toolbar>
    <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
      <div>Extracurricular Activities</div>
    </paper-toolbar>
    <!-- main content -->
  </paper-toolbar>
</paper-header-panel>

问题是菜单按钮没有图像,但我正确地包含了纸张图标按钮。当我点击按钮所在的位置时,我可以看到正常的波纹效果并且抽屉打开,因此按钮必须在那里。

Here is a screenshot of the header, the menu button should be at the left of the header text

有人知道我做错了吗?

1 个答案:

答案 0 :(得分:12)

确保您还导入图标集。默认图标(包括菜单)可在iron-icons中找到。

一旦安装了铁图标。进行以下导入:

<link rel="import" href="bower_components/iron-icons/iron-icons.html">