皮肤切换代码优化

src/main.js

@@ -8,11 +8,12 @@ import Element from 'element-ui'
 import './plugins'
 import xhr from '@/utils/request'
 import '@/styles/index.scss' // global css
+// 样式文件切换，通过localStorage存储的theme变量决定用哪套样式文件
 const storageValue = window.localStorage.getItem('theme') // 获取 localStorage 中的值
 if (storageValue === '1') {
-  import('@/styles/themeOne.scss')
+  import('@/styles/themeA/index.scss')
 } else {
-  import('@/styles/themeTwo.scss')
+  import('@/styles/themeB/index.scss')
 }
 import halberd from '@/utils/halberd'
 import App from './App'

src/styles/themeA/index.scss

+@import "./user.scss"; // 用户管理模块css样式文件

src/styles/themeA/user.scss

+$color-theme: #f4ac10;
+.user-manage{
+  .userQueryBtn{
+    background-color: #f4ac10!important;
+  }
+}
+

src/styles/themeB/index.scss

+@import "./user.scss"; // 用户管理模块css样式文件

src/styles/themeB/user.scss

+$color-theme: #F57b7b;
+.user-manage{
+  .userQueryBtn{
+    //font-size: 20px;
+    //font-weight: bold;
+    background-color: $color-theme!important;
+  }
+}

src/styles/themeOne.scss

-$color-theme: #f4ac10;
-.userQueryBtn{
-  background-color: #f4ac10!important;
-}

src/styles/themeTwo.scss

-$color-theme: #F57b7b;
-.userQueryBtn{
-  background-color: $color-theme!important;
-}