微信小程序如何实现切换主题（更改皮肤）

一：基本原理
因为小程序中没有样式引入的概念，所以不能像传统的html中那样改变link标签的href值来达到切换样式文件。
在小程序中，可以在类名中定义变量，通过动态改边类名，最终达到修改样式的目的。

二：具体实现

在wxml文件中：
其中的变量theme来自welcome.js中，theme的值决定着使用哪个样式来影响页面

在wxss文件中：
这里需要把所有的样式文件都引入进来，因为小程序里不能像htnml中那样改边link标签的动态切换href值。



举例：例如在welcome.js中theme的值为blue,那么在上图wxml中view的类名最终为content-blue,
因此welcome-blue中的样式就会生效。其他样式文件的则不会生效。
最终实现了主题切换

三 总结

在实现小程序主题切换的时候，需要把当前页面的所有的样式文件都引入进来。我们也可以把这些样式文件写在一个wxss文件中，不过那样样式不太好区分，后期维护会有困难。

缺点：
在wxml中使用变量的方式编写页面，会增加开发时间。

另外，在小程序中组件只能继承页面的字体，背景等极少数的样式，如果添加主题切换功能，需要在每个组件在其内部重新书写一套样式，会增加组件的开发时间。