html - 将图标放在工具栏的最左侧

Question

我是离子新手。我想将图标放在工具栏的最左侧。

我在标签内使用过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>

标签： htmlcssionic-frameworkionic4

Answer 1

尝试将图像放置在<ion-buttons>元素中。根据Ionic 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>