イオン2：イオンリストの項目をより小さくする

Question

類似の質問hereがありますが、ion-itemが依然としてion-contentのイオン1に関するものです。イオン2では、ionic-contentは存在しない。私は実際のion-itemとクラスitem-innerの高さ/パディング/マージンを変更しようとしましたが、イオンアイテムの均一なスキニーイングを得ることはできません。

質問：イオンリストでイオンアイテムを小さくするにはどうしたらいいですか？ Ps。これはイオン2を使用しています。ベータ10

Answer 1

：デフォルトはこれです4.4 rem。その価値がどこから来たのか、なぜそれが4.4なのかは分かりません。だから、リストに関する私の.scssファイルで、私はちょうど追加：

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

これには、の私が余白に加えた変更を（私はそれぞれ0 8px 0 0に余白を変更してしまった）それを作りました内側の要素は実際にリスト項目の高さを変更しました。これは、min-height設定に対して衝突していなかったからです。マージンを変更する場所については、他の回答を参照してください。

リスト項目の最小高さを変更することなく、内部要素の余白を変更しても（少なくとも私にとっては）何もしませんでした。

Answer 2

<ion-label>の上端のパディングを変更してください。私はこれの主な問題はion-item要素に割り当てられます.itemクラスはmin-heightがのそれに割り当てられ得ることを、イオン性するapp.ios.cssファイルのネイティブであることがわかっ

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