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;
}

现在，当我去另一条路线并渲染不同的模板时，我想要一个不同的背景图像。有没有一个流星解决方案来处理这个问题？我知道jQuery，这不是我想要的，所以请不要非反应性的东西，谢谢。

是否可以为我的身体定义全局帮助，如

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

以反应方式返回每条路线的正确类别？这样我就可以让不同的CSS类处理身体的背景图像......

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

Answer 1

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

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

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

流星：身体背景图像

1 个答案: