Javascript 纸张图标按钮内未显示材质图标(聚合物)
我正在为一个项目使用聚合物,我只想显示一个汉堡包菜单。问题是我可以看到可点击区域,但汉堡菜单不显示。这是我的代码:Javascript 纸张图标按钮内未显示材质图标(聚合物),javascript,polymer,polymer-2.x,Javascript,Polymer,Polymer 2.x,我正在为一个项目使用聚合物,我只想显示一个汉堡包菜单。问题是我可以看到可点击区域,但汉堡菜单不显示。这是我的代码: <link rel="import" href="../bower_components/polymer/polymer-element.html"> <link rel="import" href="shared-styles.html"> <link rel="import" href="../bower_components/polymer/po
<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>
:主持人{
显示:块;
填充:10px;
}
类MyView3扩展了Polymer.Element{
静态get是(){return'my-view3';}
}
window.customElements.define(MyView3.is,MyView3);
对不起,我的英语是法语。
纸质图标按钮
只考虑按钮的样式和行为,而没有SVG图标本身
为了能够使用Google材质图标,必须首先导入元素
您必须通过Bower安装它(如果您还没有):
bower安装--保存熨斗图标
然后,您必须将其导入要使用图标的组件中
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
感谢您的回复。问题是我的bower_组件中没有“iron icons”文件夹。我只有一个“iron icon”文件夹。@DorianSeguin您需要安装iron iconsbower安装--保存iron icons
@HyyanAboFakher非常感谢,它可以工作。祝你今天愉快@DorianSeguin太好了,别忘了对答案进行投票:)谢谢@HyyanAboFakher提出的编辑建议。我还添加了更全面的描述。