Я работаю над проектом с угловым интерфейсом и пытаюсь добавить тень к одному из моих компонентов и прочитал, что class="mat-elevation-z8"
должен помочь. Однако это ничего не делает.
Мой HTML:
<mat-card class="mat-elevation-z8" style="height: 400px; width: 400px;">
<mat-card-header>
<mat-card-title *ngIf="message">{{(message.title | truncateword: 25) | slice:0:30}}</mat-card-title>
<mat-card-subtitle *ngIf="message">{{message.publishedAt | date}}</mat-card-subtitle>
</mat-card-header>
<img *ngIf="image" [src]="image" alt="Here might be a preview image" mat-card-image>
<mat-card-content>
<p *ngIf="message">
{{(message.summary | truncateword:70 | slice:0:73)}}
</p>
</mat-card-content>
</mat-card>
Кроме того, я импортирую ~@angular/material/theming
в мои styles.css, так что это не должно быть проблемой. Вот стили в моем angular.json:
"styles": [
"./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
"src/styles.scss"
],
Есть идеи?