lcw

src/layout/components/Header.vue

@@ -12,18 +12,24 @@
         </div>
         <el-dropdown :hide-on-click="false">
           <span class="el-dropdown-link">
-            <el-icon :size="20" color="#fff"> <CaretBottom /> </el-icon>
+            <el-icon :size="20" color="#fff">
+              <CaretBottom />
+            </el-icon>
           </span>
           <template #dropdown>
+            <el-dropdown-menu class="loginOut" @click="goToHome">
+              <el-dropdown-item command="logout">前往前台</el-dropdown-item>
+            </el-dropdown-menu>
             <el-dropdown-menu class="loginOut" @click="logout">
               <el-dropdown-item command="logout">退出登录</el-dropdown-item>
             </el-dropdown-menu>
+
           </template>
         </el-dropdown>
       </div>
-      <div @click="goToHome">
+      <!-- <div @click="goToHome">
         <img src="@/assets/images/meun.png" />
-      </div>
+      </div> -->
     </div>
   </header>
 </template>
@@ -56,7 +62,7 @@ onMounted(() => {
   active.value = "LZ";
 });
 const logout = () => {
-        store.dispatch("user/logout");
+  store.dispatch("user/logout");
   // window.opener = null;
   // window.open('', '_self');
   // window.close();

src/layout/components/SideBar/SideBarMenu.vue

@@ -72,7 +72,7 @@ const activeMenu = computed(() => {
 </style>
 <style>
 .el-menu-vertical-demo:not(.el-menu--collapse) {
-  width: 281px;
+  width: 240px;
   min-height: 400px;
 }
 </style>