Question

我需要在html标签中动态设置背景颜色。

<html style="background-color:{{ backColor }};">

如何在Meteor中完成？

Answer 1

如果我了解您的问题，当您调整窗口大小时，您会在页面底部看到空白区域？如果是这样，移除身高：100％in ur css会帮助你。

.contentbackground{width:100%;height:100%}

将样式表中的上述内容更改为

.contentbackground{width:100%;}

Answer 2

解决方案结果很简单。只需将body的样式添加到模板顶部即可。似乎不是最佳做法，但它适用于Chrome和Safari。

这似乎也适用于html标记。

<template name="spriteBox">
    <style type="text/css">
        body {
            background-color: {{ backColor }}
        }
    </style>
    <!-- rest of content -->
</template>

在html标记上动态设置背景颜色

2 个答案: