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に投稿します。）

Edit Harp v0.17.0 が最新バージョンになりました。アップグレードすると、この問題が修正されます。

npm install --global ハープ
于 2015-04-19T01:44:27.930 に答える