聚合物纸张元素入门

时间:2015-11-25 15:53:28

标签: polymer paper-elements

我一直在玩Polymer。我成功地建立了一个'#34; hello world"应用程序。我的应用包含iron-elements。我现在正在尝试整合paper-elements。不幸的是,我似乎无法让他们在我的项目中工作。

我是通过bower install PolymerElements/paper-elements安装的。然后我导入.html类似于我为铁元素所做的方式。但是,这些项目并没有出现。所以,我决定退后一步,做一个'#34; hello world"与纸元素。令我惊讶的是,我无法弄清楚如何只显示一个带纸的按钮。当然,我不是这个笨蛋。

我找到了一个可以从GitHub中获取并使用的基本应用程序。但是,我也没有运气。目前,我有以下内容:

<html>
  <head>
    <title>Hello</title>
    <script src="res/packages/webcomponentsjs/webcomponents-lite.min.js"></script>   

    <!-- Polymer -->
    <link rel="import" href="res/packages/polymer/polymer.html"> 

    <!-- Paper Elements -->
    <link rel="import" href="res/packages/font-roboto/roboto.html">   
    <link rel="import" href="res/packages/paper-header-panel/paper-header-panel.html">
    <link rel="import" href="res/packages/paper-toolbar/paper-toolbar.html">
    <link rel="import" href="res/packages/paper-button/paper-button.html">     

    <!-- End of Paper Elements -->

    <!-- End of Polymer -->

  </head>
  <body unresolved>
    <h1>Hello</h1>
    <paper-header-panel>
      <paper-button raisedButton label="button"></paper-button> 
    </paper-header-panel>        
  </body>
</html>
我做错了什么?有人可以告诉我我错过了什么,或者指向一个基本的#34;你好世界&#34;应用纸?

谢谢!

1 个答案:

答案 0 :(得分:1)

删除paper-header-panel并尝试此操作:

<paper-button raised>Raised button</paper-button>