操縱LESS變量動態

Question

這有點多部分問題。

這樣做的基本要點是，我想有一個網站，用戶通過下拉，例如，可以更改站點的配色方案。我的LESS文件的頂部看起來像這樣：

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

我想操縱那些通過頁面。

1）這是否意味着我需要加載LESS並通過包含less.js進行實時編譯，或者是否有方法來操作，重新編譯和重新加載CSS？我認爲將這些文件移動到vars.less文件可能是有意義的，但這並不能幫助我解決問題。

2）通過在HTML文檔的頭部聲明LESS變量以使它們更易於訪問，更容易完成（並且可能）嗎？

3）我想改變是用戶/會話特定的。例如，如果UserA訪問該網站並進行更改，我不希望UserB看到這些內容。這似乎是我指出要在客戶端宣佈LESS vars，但我在空白，所以我想我只是尋求幫助。

我會掀起一個小提琴，但我無法弄清楚如何在jsfiddle中實現LESS。

Answer 1

你要找的是修改LESS變量動態的方式。你可以使用less.modifyvars()。

當用戶點擊特定的顏色和顏色設置爲變量調用它。 LESS更改變量的值並自動使用更改後的值再次呈現CSS。