Question

我正在使用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();
};

任何帮助将不胜感激。下进行。

Answer 1

抱歉有任何困惑。 Harp v0.15.2是最新版本，仍然运行LESS v1.x.我们本周末刚刚开始更新到LESS 2.5.0和Harp的预处理引擎it landed in Terraform。

~~Harp的新版本将很快推出，其中包括该更新。（如果您想要通知，我们会发布on Twitter。）~~

编辑 Harp v0.17.0现在是最新版本，升级应解决此问题：

npm install --global harp

较少2.5 modifyVars（）似乎不适用于Harp.js v0.15.2

1 个答案: