Как выровнять иконку ионной вкладки вправо? - PullRequest
Новая
       5

Как выровнять иконку ионной вкладки вправо?

0 голосов
/ 01 мая 2018

У меня есть приложение ionic 2, в котором я использую несколько вкладок, как показано ниже: 

<ion-tabs color="dark" [selectedIndex]="index" class="right-align">  
  <ion-tab [root]="homePage" tabTitle="Home" tabIcon="home" ></ion-tab>
  <ion-tab [root]="aboutPage" tabBadge="{{itemCount}}" tabTitle="About" tabIcon="ios-cart" tabBadgeStyle="danger"></ion-tab>
</ion-tabs>

По умолчанию эти два значка вкладок расположены по центру страницы. Можно ли выровнять эти значки вкладок вправо и уменьшить разрыв между обоими значками?

1 Ответ

0 голосов
/ 02 мая 2018

Для тега ion-tabs есть атрибут для изменения положения значка: 

<ion-tabs tabslayout="icon-end"> ... </ion-tabs>

Значение icon-end подтолкнет ваши иконки вправо.

Что касается разрыва, вам нужно более четко понять, что это за разрыв. Между кнопками табуляции есть только 4px отступа, разделенного на две кнопки, это не большой разрыв, но вы можете добавить больше отступа к значку, чтобы его можно было сдвинуть далеко вправо.

Надеюсь, это поможет.

...