修复左侧菜单黑夜模式不显示问题

src/App.vue

@@ -1,10 +1,18 @@
 <template>
   <div v-if="!showSisView && isLogined" class="main">
     <div class="header-body" v-if="hideHeard === '0'">
-      <div class="header-title"  @click="handleClickJump()">
+      <div class="header-title" @click="handleClickJump()">
         <!-- <img v-if="$store.state.themeName === 'dark'" src="./assets/projectLogo.png" alt="" />
         <img v-if="$store.state.themeName === 'light'" src="./assets/light-projectLogo.png" alt="" /> -->
-        <span :style="$store.state.themeName === 'dark' ? 'color:#fff; font-size:18px;font-family: SimHei' : 'color:#000'"> >>发电场站生产实时运营管理平台</span>
+        <span
+          :style="
+            $store.state.themeName === 'dark'
+              ? 'color:#fff; font-size:18px;font-family: SimHei'
+              : 'color:#000'
+          "
+        >
+          >>发电场站生产实时运营管理平台</span
+        >
       </div>
       <div class="header-menu-body">
         <Header @onMenuClick="HeaderMenuClick" />
@@ -50,7 +58,9 @@
             :key="idx"
           >
             <router-link :to="menu.path">
-              <el-menu-item :index="index + '-' + idx">{{menu.text}}</el-menu-item>
+              <el-menu-item :index="index + '-' + idx">{{
+                menu.text
+              }}</el-menu-item>
             </router-link>
           </el-menu-item-group>
         </el-sub-menu>
@@ -170,7 +180,7 @@ export default {
     selectMenu(menuIndex) {
       this.menuIndex = menuIndex;
     },
-    
+
     // clearBackground() {
     //   return;
     //   let body = $("body.light");
@@ -276,7 +286,7 @@ body {
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
-  
+
   .header-body {
     z-index: 2;
     // background: radial-gradient(closest-corner at 22% 40%, #2d5a47, #040d0a, #040d0a);
@@ -306,7 +316,7 @@ body {
     opacity: 0;
     transition: opacity 0.2s;
     transition-timing-function: ease-in;
-    transform: translate(-@menuWidth);
+    // transform: translate(-@menuWidth);
 
     &:hover,
     &.hover {
@@ -390,26 +400,26 @@ body {
   .cell {
   height: 116px !important;
 }
-*{ 
- -webkit-touch-callout:none; /*系统默认菜单被禁用*/
- -webkit-user-select:none; /*webkit浏览器*/
- -khtml-user-select:none; /*早期浏览器*/
- -moz-user-select:none;/*火狐*/
- -ms-user-select:none; /*IE10*/
- user-select:none; 
-} 
-input{ 
- -webkit-user-select:auto; /*webkit浏览器*/ 
+* {
+  -webkit-touch-callout: none; /*系统默认菜单被禁用*/
+  -webkit-user-select: none; /*webkit浏览器*/
+  -khtml-user-select: none; /*早期浏览器*/
+  -moz-user-select: none; /*火狐*/
+  -ms-user-select: none; /*IE10*/
+  user-select: none;
+}
+input {
+  -webkit-user-select: auto; /*webkit浏览器*/
 }
-textarea{
- -webkit-user-select:auto; /*webkit浏览器*/
+textarea {
+  -webkit-user-select: auto; /*webkit浏览器*/
 }
-.gfSelect .el-input__suffix{
+.gfSelect .el-input__suffix {
   display: none !important;
 }
-body .gfSelect  .el-input__inner{
-    background: rgba(83, 98, 104, 0);
-    color: #ffffff;
-    font-size: 16px;
+body .gfSelect .el-input__inner {
+  background: rgba(83, 98, 104, 0);
+  color: #ffffff;
+  font-size: 16px;
 }
 </style>