イオンフルサイズの背景

Question

私は私のアプリのフルサイズの背景を与えることをしようとしています。しかし、どこに置くのかは分かりません。なぜなら、Navbarには背景がないからです。

だから私は<div>と私のイオンコンテンツと私のイオンフッターを囲むようにしようとしたし、それを背景クラスを与えることを望みました。この場合は画面上に何も表示されません。今は私のバックグラウンドはイオン内容の中だけであり、フッターはまだ空です。どうすれば変更できますか？

マイコード：

<ion-content class="bg-image" padding> 
</ion-content> 
<ion-footer> 
    <ion-toolbar> 

    </ion-toolbar> 
</ion-footer> 

Answer 1

あなたはin the docsを見ることができると同じように、あなたはion-contentにfullscreenプロパティを追加する必要があります。

<ion-content fullscreen="true"> 
    <!-- ... --> 
</ion-content> 

trueの場合、コンテンツがスクロールしますヘッダーとフッターの後ろにあります。この 効果は簡単に透明にツールバーを設定することで見ることができます。