概述垫卡

时间:2019-09-13 00:08:58

标签: angular angular-material material-design

我正在使用Material Design Angular组件。

我想使用垫卡组件,但要概述一下,而不是提出。这样做的正确方法是什么?是通过一组Material Angular指令完成的还是我使用Material Design类?

谢谢

1 个答案:

答案 0 :(得分: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;
}