将纸张按钮和图标添加到纸卡标题中

时间:2016-03-08 15:44:35

标签: polymer material-design polymer-1.0

目前,纸质卡元素具有属性标题,我可以用它来设置卡片的标题如下:

<paper-card heading="my header">
   <div class="card-content>
      <span>My body</span>
   </div>
</paper-card>

我需要在标题区右侧添加两个 paper-icon-button ,以便我可以获得以下结果:

enter image description here

这在聚合物1.3中是否可行?

2 个答案:

答案 0 :(得分:3)

以下是https://elements.polymer-project.org/elements/paper-card?view=demo:demo/index.html&active=paper-card示例 使用类内容卡并且不要在纸卡元素中使用标题属性

<paper-card>
   <paper-icon-item class="card-header">
       <iron-icon class="avatar" item-icon src="masters-icon.ico"></iron-icon>
       <paper-item-body two-line>
           <div>My title</div>
           <div secondary>my secondary text</div>
       </paper-item-body>
   </paper-icon-item>
   <iron-image sizing="cover" src="{{url}}"></iron-image>
   <div class="card-content">
       <p>Some other text</p>
   </div>
</paper-card>

答案 1 :(得分:0)

您可以在https://elements.polymer-project.org/elements/paper-card?view=demo:demo/index.html&active=paper-card下的组件页面上找到一个示例&#34;纸卡可以包含高级内容&#34;