vue中实现换肤效果，运用less很简单

demo:

 

 

 实现流程：基于给页面最外侧标签设置class类名，来改变，通过函数参数的传递实现，多定义类名，赋值给需要的标签

1、vue-cli安装 less

2、新建common.less

.theme(@background: #2789ff, @homebg: rgba(37, 37, 37, 1.00), @fontcolor: #fff, @hoverbg: #b9bec9, @activebg: #5193e2, @homeli1: rgba(47, 42, 65, 0.5), @homeli2: #2e3d50) {
    .bg_lianxi {
        background: @background;
    }

}

@background等是变量，可以通过函数传递来改变

3、新建color.less

@import url("./common.less");

.theme_de