问聚合物核心-设定不起作用的图标
EN

Stack Overflow用户

提问于 2014-07-04 20:57:52

回答 1查看 1.5K关注 0票数 2

不知道我是不是错过了什么，但我试图使用一个核心图标，是在“社会”设置，它没有出现。我已经试过其他的了。“家”图标起作用了。这是我到目前为止所得到的。

编辑：我的目录结构如下.这平房对我来说是一种杂乱无章的方式。

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>

(预先谢谢:)

polymer

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-05 04:53:08

为社交图标添加一个导入：

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

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24580661

复制

相似问题

问聚合物核心-设定不起作用的图标
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问聚合物核心-设定不起作用的图标EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问聚合物核心-设定不起作用的图标
EN