如何更改导航栏的背景？

Question

我使用ionic3。如何将图像放在导航栏的背景中？

<ion-tabs color="dark">
  <ion-tab [root]="tab1Root" tabTitle="Sp" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Vs" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Im" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="Alm" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab5Root" tabTitle="Sts" tabIcon="ios"></ion-tab>
</ion-tabs>

Answer 1

你可以做这样的事情

<ion-navbar *navbar primary></ion-navbar>
<ion-navbar *navbar secondary></ion-navbar>
<ion-navbar *navbar danger></ion-navbar>

您可以在以下位置添加此代码 variable.scss

ion-header{
    ion-navbar{
        div.toolbar-background{
             background-image: url('../../assets/tresemme.png');
             background-repeat: no-repeat;
             background-size:cover;
             text-align: center;
        }
    }
}