将应用程序徽标图像放在带有侧面菜单的离子标头上

【问题标题】：Put app logo image on ionic header with side menu将应用程序徽标图像放在带有侧面菜单的离子标头上
【发布时间】：2016-06-13 21:10:54
【问题描述】：

我想将应用程序徽标图像放在 ionic header 的中心或左侧，垂直居中对齐，但它移动到 header 的顶部。

我用下面的代码来显示这个，但是这个问题得到了

<ion-view view-title="<img src='img/logo.png' width="44px" />">

请帮我解决这个问题。

【问题讨论】：

标签： html css ionic-framework css-position

【解决方案1】：

您可以使用<ion-nav-title>
试试这个

<ion-view>
   <ion-nav-title>
      <img src="img/logo.png">
   </ion-nav-title>
   <ion-content>
       //Your content here
    </ion-content>
</ion-view>

【讨论】：

它占据了标题栏的全部高度
那么你必须为图像设置一些样式
更改图像大小..或添加 !important...您可以从检查元素中查看实际效果
codepen.io/anon/pen/PNwaNe 检查此代码笔...我已使用上述方法将测试添加为标题
你想要两个？图片和标题？