1

温泉UIの質問:

onsen-ui の左上 (ナビゲーション セクション) にロゴを表示するにはどうすればよいですか? ここにロゴを表示したいという属性はありますか? 次のようなものです:

ここに画像の説明を入力

サブページでは、ナビゲートバックの横にロゴを表示したいと思います

< [ロゴ]

ここに画像の説明を入力

「最近」の代わりにサンプル画像を表示したいと思います（最近がロゴに置き換えられていることを示すために上に表示されています）

4

2 に答える 2

0

少なくともナビゲーターの開始ページについては、これで十分であることがわかりました。

左ボタン アイコンをカスタム クラスに設定する

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

ロゴ イメージを bg として使用して、css でカスタム クラスを定義します。

.app-logo {
   background: url('../images/logo.png');
   width: 3em;
   height: 3em;
   background-repeat: no-repeat;
   background-position: center .5em;
}
于 2014-07-12T12:04:57.847 に答える
0

OnsenUI を最新バージョン (現在は 1.1.1) に更新します。新しい「ons-toolbar」要素があり、左、中央、右の div を構成できます。たぶん、いくつかのCSS適応を行う必要があります。

于 2014-08-02T03:01:05.457 に答える