如何使离子列表中的项目变小(不太高)?

时间:2015-06-09 04:51:37

标签: css ionic-framework ionic

ion-list标准ion-items中的项目对我的应用来说太大了。如何使它们垂直变小/变短?

似乎尝试修改.item类的边距属性会产生完全无意义的结果。这不是答案。修改相同的填充属性似乎没有做任何事情。也不是答案。

1 个答案:

答案 0 :(得分:3)

您需要修改.item-content类的属性。

以下代码会将列表项的填充从可笑的大16px默认值减少到更易于管理的12px。

.item-content {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: -4px;
    margin-bottom: -4px;
    height: 70px;
}