离子2：使离子列表项更小

Question

还有一个类似的问题在这里 ，但它涉及到离子1，其中ion-item仍具有ion-content 。 在离子-2中，没有ionic-content 。 我已经尝试改变实际ion-item的高度/填充/边距，以及类item-inner并且似乎无法获得离子项的均匀“瘦身”。

问题 ：如何使离子列表中的离子列表更小/更小/离子2中的离子列表更高？ PS。 这是使用离子2 beta 10

Answer 1

我发现这个问题的主要问题是app.ios.css文件本身就是离子的，被分配给ion-item元素的.item类获得了4.4 rem的min-height 。 我不确定这个价值来自哪里，或者为什么它是4.4。 所以，在我的.scss文件列表中，我刚刚添加：

.item {
    min-height: 3rem; /* <- this can be whatever you need */
}

这使得我对边缘所做的任何更改（我最终将边距更改为0 8px 0 0）内部元素实际上改变了列表项的高度，因为它们没有碰到最小高度设置。 请参阅其他答案，了解更改保证金的位置。

在不更改列表项的最小高度的情况下，对内部元素边距的任何更改都没有做任何事情（至少对我而言）。

Answer 2

更改<ion-label>上的上下填充。 默认是这样的：

ion-label {
  margin: 13px 8px 13px 0;
}