поместите значок слева от панели инструментов

Question

Я новичок в Иони c. Я хочу разместить значок слева от большей части панели инструментов.

Я использовал slot="start" , class="float-right" и ion-float-right внутри тега, но ничего не работает.

.logo{
    width:100%;
    height: 57px;
    float:  left !important;
}

<ion-header>
  <ion-toolbar>
    <ion-img class="logo float-left"  src='assets/dqlogo-edge.png'></ion-img>  
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

Answer 1

   <img  class="logo float-left"  src='../assets/dqlogo-edge.png'>

Это сработало для меня.

Answer 2

Попробуйте разместить изображение в элементе <ion-buttons>. Согласно Ioni c docs , этот элемент - то, где должен использоваться атрибут slot, например:

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-img class="logo"  src='assets/dqlogo-edge.png'></ion-img>  
    </ion-buttons>
  </ion-toolbar>
</ion-header>

Answer 3

Назначьте следующие стили для вашего class.

.float-left{
  float:left;
}