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

Question

Onsen-UI 问题:

如何在 onsen-ui 的左上角(导航部分)显示我的 Logo ？是否有一些属性可以让我知道我想在这里显示 Logo ，如下所示:

在子页面上，我希望在返回导航旁边有 Logo

< [标志]

我想显示示例图像而不是“最近”(只是在上面显示以说明最近被 Logo 替换)

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中定义自定义类，使用logo图片作为bg。

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