流星：body 背景图片

Question

我有一个具有不同路由的 Meteor 项目。

在我的一个 css 文件中有：

body {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #888;
    background-image: url("/images/bg.png");
    line-height: 30px;
    text-align: center;
}

现在，当我转到不同的路线并呈现不同的模板时，我想为我的 body 使用不同的背景图像。有 Meteor-way 解决方案来处理这个问题吗？我知道 jQuery 这不是我想要的，所以请不要 non-reactive 东西，谢谢。

是否可以为我的 body 喜欢的

定义一个全局助手

<body class="{{classWithDifferentBackground}}">

哪个 returns 正确 class 每条路线的反应方式？这样我就可以让我的不同 CSS-classes 处理 body...

的背景图像

感谢您对此的帮助和想法！

Answer 1

您可以通过手动设置 class 来完成此操作。这样做的好地方包括路由器和布局模板方法。例如：

Template.someLayout.onRendered(function() {
  $('body').addClass('someLayoutBody');
});

Template.someLayout.onDestroyed(function() {
  $('body').removeClass('someLayoutBody');
});

流星：body 背景图片

Meteor: body backgroundimage

css

templates

helpers

meteor