如何使用Angular材质创建Card?

时间:2018-08-28 05:04:28

标签: angular-material-5 angular-material-6

我是Angular Material的新手,在这里我提到实际上需要什么图像? 我不怎么在卡中拆分行 enter image description here

1 个答案:

答案 0 :(得分:0)

看看这个

我在这里尝试过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>$225</mat-card-title>
    </mat-card-header>


   </mat-card-content>

  </mat-card>