Как заполнить заголовок карты углового материала - PullRequest
Новая
       8

Как заполнить заголовок карты углового материала

1 голос
/ 07 мая 2019

У меня есть классическая карта углового материала, как со следующим шаблоном 

<mat-card class="example-card">
  <mat-card-header>
    <mat-card-title>Shiba Inu</mat-card-title>
  </mat-card-header>
  <mat-card-content>
    <p>The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.</p>
  </mat-card-content>
</mat-card>

enter image description here

и пытаюсь заполнить серебряный заголовок как

enter image description here

1 Ответ

2 голосов
/ 07 мая 2019

Вы можете использовать mat-card-header и mat-card-content, 

<mat-card class="example-card">
   <mat-card-header>
        <mat-card-title>Shiba Inu</mat-card-title>
   </mat-card-header>
   <mat-card-content>
    <p>The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.</p>
   </mat-card-content>
</mat-card>

и установить эти css 

mat-card-header{
  background: #12121212;
  padding: 5px;
  color:white;
}

mat-card-content{
  padding: 10px;
}

mat-card{
  padding:0;
}

пример приложения

...