Question

这是一个多部分的问题。

这个的基本要点是我希望有一个网站，用户可以通过下拉菜单更改网站的配色方案。我的LESS文件的顶部看起来像这样：

@primaryColor: #000000;
@secondaryColor: #FFFFFF;
@textColor: #000000;

我希望通过页面来操纵它们。

1）这是否意味着我需要通过包含less.js来加载LESS并实时编译，还是有办法操作，重新编译和重新加载CSS？我认为将它们移动到vars.less文件可能是有意义的，但这并没有帮助我解决这个问题。

2）通过在HTML文档的头部声明LESS变量以使它们更易于访问，这是否更容易完成（并且可能）？

3）我希望更改是特定于用户/会话的。例如，如果UserA进入网站并进行更改，我不希望UserB看到这些。在我看来，这似乎指的是在客户端声明LESS vars，但我在消隐所以我认为我只是寻求帮助。

我会掀起一个小提琴，但我无法弄清楚如何在jsfiddle中实现LESS。

Answer 1

您正在寻找的是修改LESS变量的动态方法。您可以使用less.modifyvars()。

执行此操作

当用户点击特定颜色并将颜色设置为变量时，请调用它。较少更改变量的值，并使用更改的值再次自动呈现CSS。