如何在 angular + ionic app inside home.page.scss 中设置背景图片？

Question

我是 angular plus ionic 4 框架，我通过 .scss 文件应用背景图像，但它无法正常工作。这是 html 和 scss 代码。

Answer 1

你的代码很好，我想你需要做的就是删除 page-home{}

在 ionic 4 中，SCSS 无法引用包含 scss 的组件的选择器

Answer 2

由于您使用的是 Ionic 4，它使用所谓的 Shadow DOM 技术，您只能使用变量访问某些元素以更改背景

ion-content {
 --ion-background: url('../asssets/...') !important; 
}

Answer 3

SASS 变量

IONIC 4 现在正在使用 sass 变量，因此您可以尝试使用 :

ion-content{
    --background: #fff url('assets/abc.png') no-repeat center center / cover;
}