Question

不知道我是否遗漏了一些东西，但我试图使用“社交”中的核心图标。设置并没有显示出来。我已尝试过其他套装了。＆＃34;家庭＆＃34;图标正在工作。这是我迄今为止所拥有的。

修改： 我的目录结构如下所示....平面结构是我无组织的方式

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>

提前致谢：）

Answer 1

为社交图标添加导入：

<link rel="import" href="bower_components/core-icons/iconsets/social-icons.html">

聚合物核心图标设置不起作用

1 个答案: