1 
<ion-view view-title="Title">
  <ion-content>
  Content Here
  </ion-content>
</ion-view>

上記のコードは、以下のように新しいヘッダー バーを定義する代わりに、デフォルトのナビゲーション コントローラー (メニュー/戻るアイコンなど) を維持したままヘッダーの色を変更する必要がある ionic のデフォルト ビューを提供します。

<ion-view view-title="Title">
  <ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>

<ion-content>
 Content Here
</ion-content>
</ion-view>

問題を解決するためのきれいな方法はありますか?

4

3 に答える 3

4

CSSクラスを作るだけ

.your-sample-class{
  background: #color-code !important
}

このクラスをプロジェクトのナビゲーション バーに次のように追加します。

<ion-nav-bar class="bar your-sample-class" ></ion-nav-bar>
于 2015-09-01T14:05:48.837 に答える
1

この行を追加できます

<preference name="StatusBarBackgroundColor" value="#078ECD"/>

ステータスバーパネルの色を編集するためのファイル config.xml へ

そのためのプラグインがあります：リンク

また、ヘッダーの色のみを変更する場合は、css/scss に次の行を追加します。

ion-header-bar {
  background-color: red;
}

また

.bar.bar-positive {
  background-color: red;
}

または何でも=）

于 2015-09-01T14:12:45.907 に答える