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

Cap*_*opp 3 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>
Run Code Online (Sandbox Code Playgroud)

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

这是标题的屏幕截图,菜单按钮应位于标题文本的左侧

有人知道我做错了什么吗?

Mar*_*ria 12

确保您还导入图标集.默认图标(包括菜单)可以在铁图标中找到.

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

<link rel="import" href="bower_components/iron-icons/iron-icons.html">
Run Code Online (Sandbox Code Playgroud)

  • @Jp_通常,元素会导入自己的依赖项.但是,你不需要`iron-icons`必须使用`paper-icon-button`,你只需要一些图标集.导入可能使用或不使用的图标集效率不高. (2认同)