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

Question

Onsen-UI 问题：

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

在子页面上，我想在导航旁边放一个徽标

< [标志]

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

Answer 1

将您的 OnsenUI 更新到最新版本（今天是 1.1.1） 有一个新的“ons-toolbar”元素，您可以配置左、中、右 div。也许你应该做一些 css 适应。

Answer 2

我想通了，至少对于导航器的起始页，现在就足够了。

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

<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;
}