根据身份验证更改正文背景颜色

Question

我正在构建一个Ember应用程序。在我的主页上，我的身体背景颜色是我们网站的蓝色，但是当用户登录时，我希望身体背景颜色变为白色。如何设置在用户通过身份验证后更改的动态正文背景颜色？

这是我的身体css：

body {
    background-color: $process-blue;
    font-family: 'Lato', sans-serif;
    @include container(80%);
}

这是我写的计算属性：

  myUser: null,
  isAuthorized: Ember.computed('myUser', function() {
    return this.get('firebaseApp').auth().currentUser !== null;
  }),

Answer 1

我建议你做以下事情：

1）在你的application.hbs中为整个应用程序创建一个容器：

<div class={{if isAuthorized 'auth' 'no-auth'}}>{{outlet}}</div>

2）在应用程序控制器中创建一个取决于授权的计算属性isAuthorized。

3）在css中更改auth和no-auth类的背景