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

Question

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

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

Answer 1

我发现这个问题的主要问题是在本地离子的app.ios.css文件中.item,分配给该ion-item元素的类被分配给min-height4.4 rem.我不确定这个价值来自哪里,或者为什么它是4.4.所以,在我的.scss文件列表中,我刚刚添加:

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

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

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