web-dev-qa-db-fra.com

Ionic v2 comment insérer un logo dans l'en-tête

Comment insérer un logo dans l'en-tête sur ionic v2? 

<ion-header>

  <ion-navbar>
    <ion-title></ion-title>
  </ion-navbar>

</ion-header>
ionic-frameworkionic2
5
raduken
    <ion-header>

  <ion-navbar>
    <ion-title>
<img alt="logo" height="40"   src="img/logo.png" > 
</ion-title>
  </ion-navbar>

</ion-header>

Les en-têtes dans Ionic ont une hauteur de 44px. Donc, vous devez vous assurer que le logo a une taille inférieure à celle.

.title-image {
    margin-top: 8px;
    height: 27px;
}
15
Amr.Ayoub

aussi simple que cela . utiliser:

<img alt="logo" height="40"   src="img/logo.png" >

et:

<ion-header>
 <ion-navbar>
   <ion-title>
    <img alt="logo" height="40"   src="img/logo.png" > 
   </ion-title>
</ion-navbar>
</ion-header>
1
user7707780