如何动态切换页面的可选肤色

1.创建var.less存放样式变量

//绿色

@green-background-color: green;

//红色

@red-background-color: red;

2.创建mixin.less存放混合器

.mixin-background() {

　　.theme-green & {

　　　　background-color: @green-background-color;

　　}

　　.theme-red & {

　　　　background-color: @red-background-color;

　　}

}

3.在样式中使用混合器

.container{

　　.mixin-background;

}