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

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

你的路线中有这样的东西：

js:

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

css:

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

Answer 2

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

在每个模板中包含您需要应用背景颜色的适当 css classes。

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

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

Adding a Background color in iron router

javascript

html

css

meteor

iron-router