聚合物纸卡剖面图片

Question

在https://material.io/guidelines/components/cards.html#cards-actions的材料设计卡片规范之后是否可以在纸卡元件中包含圆形缩略图？

的webcomponents.org文档只展示了通过<paper-card image="demo/donuts.png">实现全屏图像，但是我想实现像

这可能与纸卡聚合物2元？

Answer 1

您可以通过在paper-card内使用paper-icon-item来实现。

<paper-card heading="Emmental"> 
    <div class="card-content"> 
    <!-- Paper icon item starts here --> 
    <paper-icon-item> 
     <div class="avatar blue" slot="item-icon"></div> 
     <paper-item-body two-line> 
     <div>Alphonso Engelking</div> 
     <div secondary>Change photo</div> 
     </paper-item-body> 
    </paper-icon-item> 
    <!-- Paper icon item ends --> 
    </div> 
    <div class="card-actions"> 
    <paper-button>Share</paper-button> 
    <paper-button>Explore!</paper-button> 
    </div> 
</paper-card> 

希望这有助于:)