缩小卡片之间的差距 - Ionic2

时间:2017-03-13 20:08:42

标签: css ionic-framework sass ionic2

你能告诉我如何减少卡之间的差距吗?我试过了margin-bottom,但它没有用。

Plunker: Ionic2 Plunk

注意:请参阅home.html

我希望如此:

enter image description here

.sass

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

1 个答案:

答案 0 :(得分:1)

您可以找到更新的plnker here。我刚刚删除了每个<body> <h1>{{ variable }}</h1> </body> 的html中硬编码的margin-top:-25px;样式规则,并添加了

ion-item