导航标题中的OnsenUI自定义徽标

Question

Onsen-UI问题：

如何在onsen-ui的左上角（导航部分）显示我的徽标？ 是否有一些属性，我可以告诉我想在这里显示一个徽标，如下所示：

在子页面上，我想在导航栏旁边显示徽标

＆LT; [徽标]

而不是“近期”我想显示示例图像（仅显示在上面，以说明最近被徽标替换）

Answer 1

我想到了这一点，至少对于导航器的起始页面来说，现在就足够了。

将左按钮图标设置为自定义类

<ons-navigator 
    title="Recent Ideas"
    right-button-icon="fa fa-lg fa-search" 
    left-button-icon="fa fa-lg app-logo"
    on-right-button-click="ons.navigator.pushPage('page3.html', { title: 'Page 3' })"
    page="feed.html">   
</ons-navigator>

在css中定义自定义类，使用徽标图像作为bg。

.app-logo {
   background: url('../images/logo.png');
   width: 3em;
   height: 3em;
   background-repeat: no-repeat;
   background-position: center .5em;
}

Answer 2

将您的Onsen UI更新到最新版本（今天是1.1.1） 有一个新的＆＃39;工具栏＃39;元素，您可以配置左，中，右div。 也许你应该做一些css改编。