Установить общий фон для всех компонентов в Angular 6 - PullRequest
Новая
       1

Установить общий фон для всех компонентов в Angular 6

0 голосов
/ 15 октября 2018

Я пытаюсь получить фон (содержащий изображение и цвет) для всех компонентов и поместил код для него в styles.css.Он появляется на главной странице AppComponent, но любые другие компоненты отображаются поверх этого и покрывают фон своим собственным белым фоном.Итак, сейчас я применяю фон к каждому компоненту и корректирую верхнее позиционирование.

Есть ли более простой и эффективный способ сделать это?

Вот часть кода CSS, который я 'я использую мои компоненты.

a.component.css 

.bg {
   background: rgba(240, 240, 240, 1) url('src/assets/images/background.png');
   background-repeat: no-repeat;
   background-position: 60% -312px;
   background-size: 2874px 818px;
}

b.component.css 

.bg {
   background: rgba(240, 240, 240, 1) url('src/assets/images/background.png');
   background-repeat: no-repeat;
   background-position: 60% -482px;
   background-size: 2874px 818px;
}

1 Ответ

0 голосов
/ 15 октября 2018

Если в этом случае вы создаете приложение для узла, вы можете просто установить фон для вашего файла main.handlebars.А другие страницы будут отображать его из основного макета.

будет выглядеть примерно так: 

<html>
 <head>
  <style>background-color: #color_id</style>
 </head>
 <body>
  {{{body}}}
 </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...