<mat card>未升起-没有边框

我的问题是,我的风格中没有导入主题。css:

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

你可能只需要在你的mat卡上留一个边距。

<mat-card style="margin:2em;">
...more code
</mat-card>

这是stackblitz demo

我认为你必须在mat卡上加一个边距,所以也许

@Component({
  styles: [`

  mat-card { margin:2em;  }

  `]
})

如果已实现自定义主题,请确保 mat-card 已应用此主题。这通常是应用程序根目录。

我的自定义主题是 rr-theme-light -所以我不得不将这个类添加到 mat卡 为了让阴影出现。