标题中的标识和标题离子(左中)

时间:2016-10-20 11:50:20

标签: html cordova ionic-framework

我希望能够在我的应用标题中添加徽标和标题。目前,我的应用程序是这样组织的:

index.html包装其他视图:

<body ng-app="starter">
    <!--
      The nav bar that will be updated as we navigate between views.
    -->
    <ion-nav-bar class="bar-stable headerBar">
        <ion-nav-back-button>
        </ion-nav-back-button>
    </ion-nav-bar>
    <!--
      The views will be rendered in the <ion-nav-view> directive below
      Templates are in the /templates folder (but you could also
      have templates inline in this html file if you'd like).
    -->
    <ion-nav-view>
    </ion-nav-view>
</body>  

我的离子视图标签。在修改之前,我为每个选项卡设置了参数view-title,并在索引中对齐tile中心,并且我在标题的中心有一个标题,但我想在左边有一个标识,标题在中央。所以我做的是这个:

<ion-nav-title>
    <img src='img/helpro.png' class="title-image"/> {{ 'devices' | translate }}
</ion-nav-title>

但是这样,我的徽标也带有左边的文字。如何在左侧标识徽标,在中心标题?我试图使用标签nav-title和参数view-title,但nav-title覆盖了view-title。如果我做对齐标题中心则需要两者。

这是我目前的页面:

enter image description here

谢谢!

0 个答案:

没有答案