使用vue + less 实现简单换肤功能的示例

做的换肤效果比较简单，只是顶部导航背景色的改变。下面是效果图。   首先，先说一下我最初的思路。 我最初的想法是使用less定义变量，然后通过js来切换变量，通过切换的变量来达到换肤的效果。 我先新建了一个 theme.less文件，代码如下： @theme:@themea; @themea:pink; @themeb:blue; @themec:gray; 如我最开始的想法，应该是通过点击事件来改变变量 @theme 的值。 我用了element-ui这个框架，所以我的下拉菜单的代码也不复杂： <el-dropdown class=colorBtn trigger=cli