离子全尺寸背景

Question

我正在尝试为我的应用提供全尺寸背景。但我真的不知道把它放在哪里，因为无论我把图像放在哪里，导航栏都没有背景。

所以我尝试用<div> 包围我的离子内容和离子页脚，并希望给它背景类。但在这种情况下，我什么都看不到屏幕上的任何东西。现在我的背景只在 ion-content 里面，页脚仍然是空的。怎么改？

我的代码：

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

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

Answer 1

就像你可以看到in the docs一样，你需要将fullscreen属性添加到ion-content：

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

如果为 true，则内容将在页眉和页脚后面滚动。这 将工具栏设置为透明即可轻松看到效果。