将图标移动到导航标题

Question

我想在导航标题中创建一个带侧边菜单和标题的应用。在导航标题的右侧，我会放置一个图标。

这是我目前的代码：

<ion-view>
    <ion-nav-title align-title="center">
        <h1 class="title">Title</h1>
        <img src="./img/MyIcon.ico" height="40px" width="auto">
    </ion-nav-title>
  <ion-content>
  ...
  </ion-content>
</ion-view>

目前标题和图标都居中。

有没有办法将图标放在右侧？

Answer 1

您可以从</icon-nav-title>（居中）取出图像线，或者将图像浮动到右侧：

<img src="./img/MyIcon.ico" height="40px" width="auto" style="float:right">

您也可以尝试为此创建CSS。