局部使用element-ui自定义主题实践

背景

内部系统虽然使用了element-ui，但同时又混杂了多种风格的样式和各自写的通用组件，在参与新功能开发时，产品经理的设计需要以绿色为主题色，看到element官网有个自定义主题，这就不需要自己去写符合设计的组件或者手动修改element样式；同时又不想影响之前的默认样式（不知道会不会有黑魔法，手动修改element样式之类），所以就想做成只有某些功能页能够使用自定义主题的样式。

下载自定义主题

我们可以使用官网推荐的在线主题生成工具，点击右上方的切换主题色，选取自定义的主题色，作者在这使用的是#129611，可以看到效果：

当然你也可以在官网右上角的下拉颜色选取自定义主题色，可以实时看到不同组件切换主题色后的效果；

在在线主题生成工具切换主题色后就可以下载当前主题对应的样式文件了（css文件）&#