概述垫卡

Question

我正在使用Material Design Angular组件。

我想使用垫卡组件，但要概述一下，而不是提出。这样做的正确方法是什么？是通过一组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;
}