如何使用 Angular material 创建卡片？

Question

我是 Angular Material 的新手，在这里我提到了我实际需要的图像？我不知道如何在卡片中拆分行

Answer 1

看看这个，

这里试了angular material卡，Click Here看看。

<mat-card class="example-card">


 <mat-card-content>

  <img mat-card-image src="https://image4.geekbuying.com/ggo_pic/2016-08-30/2016083001543551umb5a0d.jpg" alt="Photo of a Shiba Inu" style="width:100px; float:left; height:100px">

  <mat-card-header>
   <div mat-card-avatar class="example-header-image"></div>
    <mat-card-subtitle>Headphones</mat-card-subtitle>
    <mat-card-title>Xiaomi Redmi Note 4</mat-card-title>

   </mat-card-header>
  <br>
    <mat-card-header>
    <div mat-card-avatar class="example-header-image"></div>
      <mat-card-title>5</mat-card-title>
    </mat-card-header>


   </mat-card-content>

  </mat-card>

如何使用 Angular material 创建卡片？

How to create Card using Angular material?

angular-material-5

angular-material-6