Удалить интервал в ионном списке
Я пытаюсь убрать расстояние между предметами. как вы можете видеть, список занимает пространство по вертикали, и мне нужно, чтобы текст был ближе друг к другу, но я хочу сохранить строки.
Я пробовал кучу разных CSS-файлов (установив поля / отступы на 0 и уменьшив максимальную высоту), но он всегда обрезает строку и текст, а не просто удаляет пробел между ними.
https://stackru.com/images/647fc658a01603cec136a7d8a534570eb35a6253.png?s=256
https://stackru.com/images/9822979abf194d88ec51484d39fb3cd55aa99857.png?s=60
<ion-card>
<ion-card-header>
<ion-card-subtitle>
Tichumaster
</ion-card-subtitle>
<ion-card-title>
<ion-icon class="iconSize" name="aperture"></ion-icon>
</ion-card-title>
<ion-card-content>
<ion-list>
<ion-item>
<ion-label>Du</ion-label>
<ion-note slot="end" color="tertiary">10%</ion-note>
</ion-item>
<ion-item>
<ion-label>Du</ion-label>
<ion-note slot="end" color="tertiary">10%</ion-note>
</ion-item>
<ion-item>
<ion-label>Du</ion-label>
<ion-note slot="end" color="tertiary">10%</ion-note>
</ion-item>
<ion-item>
<ion-label>Du</ion-label>
<ion-note slot="end" color="tertiary">10%</ion-note>
</ion-item>
</ion-list>
</ion-card-content>
</ion-card-header>
</ion-card>
1 ответ
Мне тоже было нелегко делать это. Но мне удалось добиться
ion-item.myList{
margin-top: -11px;
}
Но чтобы не мешать всем ионным элементам, которые я использовал, я использовал класс
<ion-item class="myList">