Angular 如何仅将背景图像添加到登录页面

你好，我想添加一个背景图像只是登录页面组件。一旦用户登录，就会被重定向到主页，这样背景图像就会消失。我正在css样式表中的html标签中添加背景。我的代码如下：

HTML{
    background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("#{$backgroundImage}/background.svg") no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    font:$font;
    height:100%;
    margin:0;
    padding:0;
    BODY{
        @extend HTML;
        }
        .
        .
        .
}

---

有人能帮我吗？

你需要为背景创建一个组件；然后将其导入登录页面。

在组件CSS文件中添加以下CSS代码

  body { 
     background: url('/assets/Img/login.jpg') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
    }

.panel-default {
 opacity: 0.9;
 margin-top:30px;
}
.form-group.last {
 margin-bottom:0px;
}

---

您应该将此

css

从

HTML

标记移动到login.component中的容器（

section

或

div

）。@Shaktiman感谢您的快速响应。你是正确的！！！