3

我下载了 Polymer 入门套件 (Polymer 1.0),并一直在尝试向我的网页添加一个简单的纸质按钮,但它无法正确呈现。以下是相关代码:

<section data-route="home">
      <paper-material elevation="1">

        <paper-button raisedButton
          id='rendered'
          label='patient'
          on-click='{{clickHandler}}'></paper-button>

        <button>Try Me</button>

        <paper-icon-button icon="refresh" label="label"></paper-icon-button>
        <paper-button raisedButton>search!</paper-button>

      </paper-material>

    </section>

第一个按钮根本不显示,第二个普通按钮显示,第三个按钮有效,但标签不显示,最后一个按钮呈现为文本且不可点击

结果

4

2 回答 2

5

有同样的问题,默认情况下似乎没有加载 paper-button 元素。

通过在调用纸质按钮之前添加到 /app/index.html 页面来修复它。

<link rel="import" href="/bower_components/paper-button/paper-button.html">

或将其添加到 /app/elements/elements.html

于 2015-06-19T10:07:03.720 回答
2

paper-button没有label属性或raisedButton属性。如果您希望按钮具有标签,则必须像典型的按钮标签一样编写它。如果您希望它有阴影,则必须添加一个raised属性。paper-icon-button也没有label属性。如果你想显示类似的东西,你可以试试这个:

<paper-button raised>
  <iron-icon icon="add"></iron-icon>
  <span>Add Something new</span>
</paper-button>
于 2015-06-14T02:16:08.677 回答