减少卡之间的差距 - Ionic2

Question

你能告诉我如何减少卡片之间的差距吗？我试过margin-bottom，但它不起作用。

Plunker： Ionic2 Plunk

注意：请查看home.html

我希望它是：

.sass

page-event-schedule {
   .gray {
        background-color: #f5f5f0;
    }
    ion-card {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    ion-label {
        margin: 0;
    }
}

Answer 1

您可以找到更新后的 plnker here。我刚刚删除了每个ion-item的html中硬编码的margin-top:-25px;样式规则，并添加了

ion-card {
  margin-top: 5px;
  margin-bottom: 5px;
}

ion-label {
  margin: 0;
}