15

Ionic を使用して、ヘッダー バーの中央にロゴを追加しようとしています。それを行う方法について何かアドバイスはありますか？

これが私のコードです

<ion-nav-bar class="bar-light">
<!--Logo-->
<ion-nav-buttons >
<img class="title" src="https://s3-us-west 2.amazonaws.com/s.cdpn.io/139144/sp_symbol_option2_1.png">
</ion-nav-buttons>
<ion-nav-buttons side="left">
<!--Left icons-->
<button class="button button-icon button-clear ion-navicon" ng-click="toggleLeft()"> 
</button></ion-nav-bar>
4

6 に答える 6

21

次のようにしてみてはどうでしょうか。

<ion-header-bar align-title="center" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title"><img class="title-image" src="http://www.ionicframework.com/img/ionic-logo-white.svg" width="123" height="43" /></h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>

このプランカーも見ることができます。

彼らのフォーラムにいくつかの追加情報があります。

于 2014-05-20T09:14:44.750 に答える
2

目的の画像をアプリの「www/img」フォルダーに入れます。次に、index.html で以下のコードを使用します。

<h1 class="title"><img class="title-image" src="img/mylogo.png" width="123" height="43" /></h1>
于 2016-07-01T16:32:28.710 に答える