web
  • web-component
  • paper-elements
  • polymer-1.0
  • 2015-06-14 135 views 3 likes 
    3

    我下载了聚合物入门工具包(聚合物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> 
    

    第一个按钮不显示在所有的第二正常按钮的功能,第三个按钮的作品,但标签不露面,并最终按钮呈现为文字无法点击

    Result

    回答

    5

    有同样的问题,似乎没有加载默认的纸张按钮元素。

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

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

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

    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> 
    
    +0

    嗯。这似乎也没有工作。如果需要,我可以发布结果。 – nickjm

    相关问题