如果主题提前配置好是固定的： 1.采用配置不同theme的css文件，使用scss+替换body的class命名空间进行样式覆盖 setting.scss common.scss 最后形成两个主题文件后，修改body的class就可达到切换主题的目的 2.引用不同的link文件，与上述同理先形成css文件，通过动态改变link引用达到切换主题目的 如果主题不固定的，可借用webpack插件：webpack-theme-color-replacer实现： vue-cli3配置 app-config.js文件 配置babel.config.js 在utils文件中定义一个themeColorClient.js 用于初始化主题色和记录主题色 除了修改elementUI主题色之外，我们还需要配置其他自己写的样式，需要用到element ui中定义的一些变量 可通过引用@import "../../../node_modules/element-ui/packages/theme-chalk/src/common/var.scss"获得element-ui中的变量，并使用，这样可达到一起切换主题效果
html中将背景颜色渐变步骤如下：
1、先使用一个div标签。
2、然后在header标签里面设置<div>标签的css样式。
3、颜色渐变要有一个范围，需要给div设定width和height，也就是宽度和高度。
4、然后设定div的background背景属性，如图所示，背景颜色渐变就用到-webkit-linear-gradient。
5、接着，在-webkit-linear-gradient里面写top，设定渐变从顶部开始，到底部结束。
6、再设定颜色的渐变顺序，比如我设置了从白色渐变到蓝色。
7、做完这些之后，div背景渐变就成功了。
