主题色

缓存路径：/src/store/modules/theme.js

配置路径：/src/assets/themes

工具类路径：/src/utils/theme.js

使用

调用工具类的change方法，完成主题切换。

import themes from '/src/utils/themes.js'
themes.change(this.themesName)

样式加载说明

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import '@/styles/index.scss'; // 项目样式
// @import "~element-ui/packages/theme-chalk/src/index";//element-UI官方scss样式

.lightTheme {
  @import './el-light/index.scss';//element-UI官方主题样式，一般不改
  @import './theme-light.scss';//自定义样式变量、映射
  @import '../element-override/index.scss';//修改element-ui样式
  @import '/src/styles/myLayout.scss';//修改项目样式
}
.darkTheme {
  @import './el-dark/index.scss';
  @import './theme-dark.scss';
  @import '../element-override/index.scss';
  @import '/src/styles/myLayout.scss';
}

注意，晚加载的样式将覆盖掉线加载的样式。