Question

我正在使用Polymer进行项目，我只想显示一个汉堡包菜单。问题是我可以看到可点击区域，但不显示汉堡包菜单。这是我的代码：

<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="shared-styles.html">
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/iron-icon/iron-icon.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">

<dom-module id="my-view3">
  <template>
    <style include="shared-styles">
      :host {
        display: block;

        padding: 10px;
      }
    </style>

    <paper-icon-button icon="menu"></paper-icon-button>

  </template>

  <script>
    class MyView3 extends Polymer.Element {
      static get is() { return 'my-view3'; }
    }

    window.customElements.define(MyView3.is, MyView3);
  </script>
</dom-module>

对不起我的英语，我是法国人。

Answer 1

paper-icon-button仅处理按钮样式和行为，但本身没有SVG图标。

为了能够使用Google Material图标，您必须先导入Iron Icons元素。

你必须通过Bower安装它（如果你还没有）：

bower install --save iron-icons

然后您必须在要使用图标的组件中导入它。

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

纸张图标按钮（聚合物）内未显示材料图标

1 个答案: