前提是需要理解css变量如何用js去动态修改：

例如有一个全局可看见的css主题色变量：

这个变量是css变量，不需less或者scss也可以。

点击按钮时方法中写入如下代码即可更改变量的颜色。

此方法不能用于app端，因为使用的是document。即Dom，app端没有dom，它只存在于浏览器中，所以此方法在app端无效。

下面介绍如何在h5端实现切换应用主题色。

第一步：

在App.vue的css中写好一个css变量，作为主题色变量

第二步：

使用该变量替换应用中所有用到主题颜色的地方，例如这样：

第三步：

做一个选择颜色的地方共选择主题色，可以使用颜色板选择，这里只配置四种颜色为例，例如规定可选择的主题色有红，蓝，紫，黄四种，做一个弹窗选择，当点击某个颜色时把该颜色值存储到本地，然后再从本地拿出来设置给主题变量：

第四步：

在App.vue中的onLaunch中设置获取本地的颜色值，这样后面进入的时候还能读取你上次选的颜色主题。

到此，完。