css - Ionic v4：保证金水平的差异和

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将调用 first 或 ion-list 以返回：

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

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

我试过的：

1. 将 CSS 样式应用于ion-listwith !important。
2. 将 CSS 样式应用于ion-cardwith !important。

如上所示，前两张卡片位于 ion-list（警报信息）中。您会注意到第二个和第三个之间的巨大差距ion-card- 这是非常大的离子列表边距的结果。我只是不知道如何解决这个问题。谁能帮我吗？

编辑：图像似乎没有上传。

标签： cssionic-framework