概述垫卡

Question

我正在使用 Material Design Angular 组件。

我想使用 mat-card 组件，但要对其进行概述，而不是提出。这样做的正确方法是什么？它是通过一些 Material Angular 指令集完成的，还是我使用 Material Design 类？

谢谢

Answer 1

您可以使用高程 css 类/mixins 来展平垫卡：https : //material.angular.io/guide/elevation

这将删除凸起的：

<mat-card class="mat-elevation-z0">
...
<mat-card>

然后您可以简单地应用带有边框样式的自定义类或将其添加到组件 css 中的 mat-card

<mat-card class="mat-elevation-z0 outline">
...
<mat-card>

.outline {
    border-style: solid;
    border-width: medium;
}