0

我正在使用 Harp.js/jade/less 编写 Bootstrap 3 主题

当我尝试使用 less.modifyVar() 函数动态更改背景颜色时，样式表已正确重新加载，但没有任何反应......

更少的代码（variables.less）：

@green            :       #59B75F;
@blue             :       #0081C5;
@base-color       :       @green;

更少的代码（custom.less）：

@import "variables.less";
.some_class {
    background-color: @base-color;
}

玉码：

link(href="css/custom.css", rel="stylesheet/less", type="text/css")
script(src="bower_components/less/dist/less.min.js")
....
a(href="#", onclick="javascript:switchColor('#0081C5');") Blue
....

Javascript switchColor() 函数：

var switchColor = function(color) {
    less.modifyVars({'@base-color':color}); 
    less.refreshStyles();
};

任何帮助，将不胜感激。C。

4

1 回答 1

-1

抱歉有任何混淆。Harp v0.15.2 是最新版本，并且仍在运行 LESS v1.x。本周末，我们一直在努力更新到 LESS 2.5.0，它登陆了Harp 的预处理引擎 Terraform。

Harp 的新版本将很快发布，其中将包含该更新。（如果您需要通知，我们会在 Twitter 上发布。）

编辑Harp v0.17.0 现在是最新版本，升级应该可以解决这个问题：

npm install --global harp
于 2015-04-19T01:44:27.930 回答