Как установить фоновые изображения в приложении angular + ionic внутри home.page.scss?

Question

Я угловой плюс ионный 4 рамки, я применяю фоновое изображение через файл .scss, но он не работает правильно. Вот код HTML и Scss.

Answer 1

Поскольку вы используете Ionic 4, который использует так называемую технику Shadow DOM, вы можете получить доступ к некоторым элементам только с переменными, поэтому для изменения фона

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

Answer 2

Переменные SASS

IONIC 4 теперь использует переменные sass, поэтому вы можете попробовать:

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

Answer 3

Ваш код в порядке, я думаю, все, что вам нужно сделать, это удалить page-home{}

SCSS не может ссылаться на селектор компонента, в котором содержится scss, в ионном 4