流星：身体backgroundimage

我有一个流星项目与不同的路线。流星：身体backgroundimage

在我的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; 
}

现在，我要为我的身体不同的背景图片，当我去不同的路线和渲染不同的模板。有没有一个Meteor-way解决方案来处理这个问题？我知道jQuery，这不是我想要的，所以请不要非反应性的东西，谢谢。

是否有可能定义一个全局帮手我的身体像

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

它返回一个被动的方式为每个路由合适的班级？所以我可以让我的不同的CSS类处理身体的背景图像...

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

来源

2016-04-24 ant45de

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

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

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

来源

2016-04-24 15:39:59

有可能没有其他解决方案比这...全球佣工只对模板内部作出反应，而不是外部像身体标签。不管怎么说，多谢拉！ – ant45de

流星：身体backgroundimage

回答

相关问题