Polymer 设置为不工作的聚合物芯图标_Polymer

Polymer 设置为不工作的聚合物芯图标

polymer

Polymer 设置为不工作的聚合物芯图标,polymer,Polymer,我不知道我是否遗漏了什么，但我正在尝试使用一个在社交环境中的核心图标，它不会出现。我试过其他的方法来解决这个问题。主图标正在工作。这是我到目前为止得到的编辑：我的目录结构如下所示。。。。对我来说，这个扁平的结构太杂乱无章了结束编辑提前感谢：为社交图标添加导入：这是地球上最简单的修复方法。我很困惑，因为那个小组的一些图标起作用了，而一些没有。谢谢你让我不那么傻哈哈！ root/ /bower_components /polymer

我不知道我是否遗漏了什么，但我正在尝试使用一个在社交环境中的核心图标，它不会出现。我试过其他的方法来解决这个问题。主图标正在工作。这是我到目前为止得到的

编辑：我的目录结构如下所示。。。。对我来说，这个扁平的结构太杂乱无章了

结束编辑

提前感谢：

为社交图标添加导入：

这是地球上最简单的修复方法。我很困惑，因为那个小组的一些图标起作用了，而一些没有。谢谢你让我不那么傻哈哈！

root/
    /bower_components        
        /polymer
            /bower_components/
                *** Components Here ***

<!DOCTYPE html>
<head>
<title>Dashboard</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<script type="text/javascript" src="bower_components/polymer/bower_components/platform/platform.js"></script>
<link rel="import" href="bower_components/polymer/bower_components/font-roboto/roboto.html">
<link rel="import" href="bower_components/polymer/bower_components/core-elements/core-elements.html"/>
<link rel="import" href="bower_components/polymer/bower_components/paper-tabs/paper-tabs.html">
<style>
            html, body {
                height: 100%;
                margin: 0;
                background-color: #E5E5E5;
                font-family: 'RobotoDraft', sans-serif;
            }

            core-header-panel {
                height: 100%;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
            }

            core-toolbar {
                background: #03a9f4;
                color: white;
            }

            paper-tabs {
                width: 100%;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            .container {
                width: 80%;
                margin: 50px auto;
            }

            @media (min-width: 481px) {
                paper-tabs {
                    width: 200px;
                }

                .container {
                    width: 400px;
                }
            }

            core-icon-button {
               position: absolute;
               top: 3px;
               right: 3px;
               fill: #636363;
             }
             :host([favorite]) core-icon-button {
               fill: #da4336;
             }

        </style>
</head>
<body unresolved touch-action="auto">

<core-header-panel>
    <core-toolbar>
        <paper-tabs selected="home" valueattr="name" self-end>
            <paper-tab name="home"><core-icon icon="home"></core-icon> Home</paper-tab>
            <paper-tab name="about"><core-icon icon="social:person"></core-icon> About</paper-tab>
        </paper-tabs>
    </core-toolbar>
</core-header-panel>