如何为整个 ionic 3 应用程序设置图像？

Question

如何将图像设置为整个应用程序的背景？我尝试在 ion-content 中设置，但它仅将图像设置为内容。它省略了 header 和制表符。我想为整个视图设置它。为此，我已经厌倦了 ion-page, .tabs, .show-tab，但没有任何帮助。有人可以帮我吗？

Answer 1

为此，您可以在 .ion-page class 中设置背景图片，然后在为内容设置 background-color:transparent 之后，header 和主要标签 class。

Answer 2

Header 和 Tabs 是简单地覆盖在内容之上的组件，也就是说，您不能将它们与内容组合在一起，但可以将它们设置为透明以使底层图像可见。

<ion-header no-border>
  <ion-navbar transparent>
    <ion-title>Meu App</ion-title>
  </ion-navbar>
</ion-header> 

像这样，或者直接用css做你想做的。

Answer 3

这将为整个内容区域设置背景。

.scroll-content {
        background: url(image);
      }