Ionic v4：<ion-card>和<ion-list>之间的边距级别差异

Question

我在开发气象应用程序时遇到CSS问题。所以这是怎么回事。

<ion-card *ngIf="...">

</ion-card>

<ion-list *ngIf="...">
    <ion-card></ion-card>
</ion-list>

<ion-card>
...
</ion-card>

<ion-card>
...
</ion-card>

根据服务器中的数据，将调用第一个ion-card或离子列表以返回：

1. 没有警报（ion-card）;
2. 有（a）个警报。 （ion-list）

但是，我注意到显示警报信息的离子列表与随后的ion-card之间存在巨大差距。

我尝试过的事情：

1. 使用！important将CSS样式应用于ion-list。
2. 使用！important将CSS样式应用于ion-card。

前两张卡（如上所示）在离子列表（警报信息）内。您会注意到第二个ion-card和第三个 -------------- | Name | Grade | -------------- -------------- | John | A+ | -------------- | Tina | B | -------------- 之间的巨大差距-这是由于离子列表边距非常大的结果。我只是不知道如何解决这个问题。有人可以帮我吗？

编辑：该图像似乎未上传。