如何讓離子列表中的項目變小（較小）？

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