Как сделать размер кнопки
и icon
больше в приведенном ниже коде:
<ion-card>
<ion-card-header>
Explore Nearby
</ion-card-header>
<ion-list>
<button ion-item>
<ion-icon name="cart" item-left></ion-icon>
Shopping
</button>
<button ion-item>
<ion-icon name="medical" item-left></ion-icon>
Hospital
</button>
<button ion-item>
<ion-icon name="cafe" item-left></ion-icon>
Cafe
</button>
</ion-list>
</ion-card>
ion-icon
- это иконки шрифтов, поэтому их можно редактировать следующим образом Sass/CSS, так как они по сути являются текстом:
ion-icon {
font-size: 20px; //Preferred size here
}
Что касается кнопок
, ionic имеет несколько встроенных классов для изменения размера. Например:
<button ion-button large>Large</button>
<button ion-button>Default</button>
<button ion-button small>Small</button>
Вы также можете обновить переменную Sass по умолчанию $button-round-padding
в вашем файле src/theme/variables.scss
до желаемого размера. Подробнее о кнопках можно прочитать здесь.