Ioni c v4: поместите Lo go в центр ионного заголовка - PullRequest
Новая
       10

Ioni c v4: поместите Lo go в центр ионного заголовка

0 голосов
/ 15 апреля 2020 
   <ion-header mode="ios">
     <ion-toolbar class="ion-no-padding" mode="ios" color="secondary">
      <ion-buttons mode="md" slot="start">
        <ion-button (click)="toggleMenu()">
         <ion-icon slot="icon-only" src="assets/icon/hamburger.svg"></ion-icon>
        </ion-button>
      </ion-buttons>
      <ion-title>My Navigation Bar</ion-title>
    </ion-toolbar>
 </ion-header>

Это прекрасно работает для заголовка Иона в центре. Я хочу добавить lo go в центр вместо текста. Попытка добавить ион-значок внутри ионного заголовка, но это не сработало. 

    <ion-title>
     <ion-icon slot="icon-only" src="assets/icon/logo.svg"></ion-icon>
    </ion-title>

Ответы [ 2 ]

1 голос
/ 15 апреля 2020

Почему бы вам не использовать ion-text-center для ионного заголовка? 

<ion-header>
  <ion-toolbar>
    <ion-title class="ion-text-center">
      <ion-img src="../../assets/img/logo.png"></ion-img>
    </ion-title>
  </ion-toolbar>
</ion-header>
1 голос
/ 15 апреля 2020

Предпочитается поместить lo go в div и присвоить ему имя класса 

.classname {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: transperent;
}

И теперь все должно работать нормально, но я думаю, что если вы поместите этот класс для ion-toolbar даже Ионная кнопка будет помещена в центр.

...