设置离子2 app的背景图像

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');;
}