如何使Ionic列表中的项目更小(不那么高)

Question

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

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

Answer 1

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

下面的代码将把列表项的内边距从默认的16px减小到更易于管理的12px。

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