Question

我有两个单独的页面，我试图在使用Iron Router时添加背景颜色，因此html没有要使用的标签。

我看到Router.onBeforeAction（function（）{

}）;存在，这似乎是这样做的方式。

所以关于如何添加CSS样式的任何想法都将非常感谢。

Router.configure({
    layoutTemplate: 'layout'
});

Router.map(function(){
    this.route('Main', {path: '/', data: {title: 'Contacts Admin'}, name: 'mainlanding'});
    this.route('Contact', {path: '/Contact', data: {title: 'Contacts List'}, name: 'contactlanding'});
});

Answer 1

这可能是可行的，但路由代码不是定义页面背景颜色的正确位置。

在每个模板中包含应用背景颜色所需的相应css类。

如果您需要比这更复杂的东西（颜色取决于状态等），请使用模板助手根据状态分配所需的类。

Answer 2

你的路线中有这样的事情：

JS：

onAfterAction: function(){
  $('.mySpecialClass').remove('mySpecialClass'); // undo what was done before
  $('body').addClass('mySpecialClass'); // add a class
}

的CSS：

.mySpecialClass {
  background-color: "red";
}

在铁路由器中添加背景颜色

2 个答案: