添加 paper-button 和图标到 Paper-card header

Question

目前 paper-card 元素有一个 heading 属性，我可以使用它来设置卡片的 header 如下：

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

我需要在header区域的右边加上两个paper-icon-button这样就可以得到如下结果：

这在 Polymer 1.3 中可行吗？

Answer 1

您可以在组件页面 https://elements.polymer-project.org/elements/paper-card?view=demo:demo/index.html&active=paper-card "Paper-cards can contain advanced content"

部分下找到示例

Answer 2

这里有例子https://elements.polymer-project.org/elements/paper-card?view=demo:demo/index.html&active=paper-card 在 paper-card 元素中使用 class content-card 并且不使用 header 属性

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

添加 paper-button 和图标到 Paper-card header

Add paper-button and icons to Paper-card header

polymer

material-design

polymer-1.0