在测试我的网络应用时,我希望能够使用简单的下拉菜单设置我的一个LESS @variables的值。 (完全改变配色方案)。
我想在设置值后,LESS必须用新值重新加载/重新编译.less文件?
有没有简单的方法来实现这一目标? (我没有运行node.js)
基本示例如下:
styles.less
@base-color = `window.baseColor()`
答案 0 :(得分:6)
我认为你的方式太复杂了;)
这是我的建议:
在您的身体标签上设置课程:
<body class='theme_default'></body>
在.less文件中定义主题:
body.theme_default { base_color: #fff; }
body.theme_gray { base_color: #ccc; }
etc..
使用jQuery(或简单的JS)在下拉状态更改时更改body标记的类。
我就是这样做的(并用一些漂亮的小部件替换下拉列表;) 干杯