使用 Polymer 正确显示 Paper-Icon-Button 的图像答案

【问题标题】：Visualise correctly Paper-Icon-Button's images with Polymer使用 Polymer 正确显示 Paper-Icon-Button 的图像
【发布时间】：2016-07-03 23:22:06
【问题描述】：

我在尝试使用 Polymer 使用 paper-icon-button 时遇到问题。到目前为止，我的代码非常简单。网站生成图标使用的空间，并以正确的行为响应鼠标事件，但图标不显示

<paper-toolbar class="gallery_header">
    <paper-icon-button icon="menu"></paper-icon-button>
    <span title class="flex">Admin</span>
</paper-toolbar>

按顺序加载的脚本是：
webcomponentsjs
聚合物
铁图标
bootstrap
iron-ajax
iron-image
纸抽屉面板
jquery
paper-header-panel
paper-styles
paper-icon-button
纸工具栏
反应

【问题讨论】：

希望当您说脚本时，您的意思是 script 代表 js 文件和 link 标签代表 html。您还需要加载iron-icons，因为这是您的menu 图标所在的位置。

标签： polymer web-component

【解决方案1】：

为了使该菜单图标出现，您需要做的额外工作是导入 iron-icons element，这只是 SVG 图标的集合。有关图标集和iron-icons 元素的更多信息，您可以查看Polycasts 系列中Rob Dodson 的插曲on this topic。

【讨论】：