離子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;
}