将背景图像添加到离子页面

Question

我试图设计我的离子应用程序，而我的第一步是添加背景图像。但它无法获得视觉效果。

我在我的www文件夹中创建了一个名为img的目录，其中包含我的图像。

在我的主页（home.scss）中，我添加了以下代码：

page-home {
background-image: url(../img/logo.JPG);
}

这是我得到的错误消息：

＆＃34;此检查检查对文件和目录的引用。＆＃34;

Answer 1

我猜＆＃34; page-home＆＃34;是组件选择器的名称。 你可以尝试把它放在里面（如果你的.html有一个，没有代码，很难说），而不是将背景图像直接放在里面（

）

page-home {
  ion-content {
    background-image: url(../img/logo.JPG);
  }
}

注意：由于你的文件名是＆＃34; logo.JPG＆＃34;，我想知道：你是不是想制作某种闪屏？在这种情况下，您可能更喜欢直接将您的图像放在资源文件夹中并在config.xml中配置启动画面