css - 设置ionic 2应用程序的背景图片

Question

我想将图像设置为 Ionic 2 应用程序每个页面的背景。

我知道如何在一个页面的 HTML 或 CSS 中执行此操作(我可以在所有页面中执行此操作)。

我知道如何在theme\variables.scss中设置整个应用程序的背景颜色

$background-color: map-get($map: $colors, $key: primary);

(例如)

但似乎也做了同样的事情

$background-image: url('assets/images/background-image.jpg');

不起作用。即使一页 css 中完全相同的行也有效。

.class-name-here{
    background-image: url('assets/images/background-image.jpg');
}

是否可以在 Ionic 2/Ionic 3 中将图像设置为整个应用程序的默认背景？

Answer 1

您可以如下图设置:

注意:需要使用全局scss文件。那是app.scss

app.scss

ion-content {
  background-image: url('./assets/images/background-image.jpg');;
}