gpt4 book ai didi

css - meteor :body backgroundimage

转载 作者:太空宇宙 更新时间:2023-11-04 10:25:23 26 4
gpt4 key购买 nike

我有一个包含不同路由的 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,这不是我想要的,所以请不要使用非 react 性的东西,谢谢。

是否可以为我的 body 定义一个全局助手

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

哪个以 react 方式为每条路线返回正确的类?这样我就可以让不同的 CSS 类处理主体的背景图像...

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

最佳答案

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

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

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

关于css - meteor :body backgroundimage,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36824958/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com