保存进度！

code/web/IT工具综合平台/src/layout/Index.vue

@@ -2,14 +2,14 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:05:44
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-28 23:35:47
- * @FilePath: \admin_system\src\layout\Index.vue
+ * @LastEditTime: 2023-02-04 01:02:13
+ * @FilePath: \IT工具综合平台\src\layout\Index.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
-  <el-container id="layout-container">
+  <el-container id="layout-container" v-loading="pageVisible" element-loading-text="载入应用数据…">
     <el-header id="layout-header">
       <LayoutHeader />
     </el-header>
@@ -36,6 +36,12 @@ export default {
     LayoutHeader,
     LayoutMain,
   },
+  data()
+  {
+    return {
+      pageVisible: true,
+    };
+  },
   computed: {
     asideWidth()
     {
@@ -44,6 +50,13 @@ export default {
       return collapse === true ? "65px" : "180px";
     },
   },
+  mounted()
+  {
+    setTimeout(() =>
+    {
+      this.pageVisible = false;
+    }, 3000);
+  },
 };
 </script>
 

code/web/IT工具综合平台/src/layout/components/Aside.vue

@@ -2,14 +2,14 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:30:33
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-28 16:01:49
- * @FilePath: \admin_system\src\layout\components\Aside.vue
+ * @LastEditTime: 2023-02-04 01:15:34
+ * @FilePath: \IT工具综合平台\src\layout\components\Aside.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved.  223142 2f4156
 -->
 <template>
-    <el-scrollbar class="wrapper">
+    <el-scrollbar class="wrapper" height="400px">
         <el-menu id="side-bar" router :default-active="currentPath" background-color="#2f4156" text-color="#fff"
             active-text-color="#ffd04b" :collapse="asideCollapse">
             <template v-for="route in this.routers" :key="route.path">
@@ -120,11 +120,21 @@ export default {
     user-select: none;
 }
 
-.is-active {
-    background-color: #ffffff4f !important;
+.el-menu-item {
+    font-weight: normal;
 }
 
+.el-sub-menu {
+    font-weight: normal;
+}
 
+/* 顺序必须在上面两个之后*/
+.is-active {
+    background-color: #ffffff4f !important;
+    /* font-weight: 1000; */
+    /* font-size: 15px; */
+    color: #ffd04b;
+}
 
 /* .is-opened {
     border-left: 5px solid #1d74b2;
@@ -146,5 +156,6 @@ export default {
 
 .wrapper {
     height: 100%;
+    /* min-height: 400px; */
 }
 </style>

code/web/IT工具综合平台/src/layout/components/Header.vue

@@ -2,8 +2,8 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:39:04
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-19 14:53:38
- * @FilePath: \admin_system\src\layout\components\Header.vue
+ * @LastEditTime: 2023-02-04 01:09:49
+ * @FilePath: \IT工具综合平台\src\layout\components\Header.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
@@ -16,13 +16,8 @@
       <div>3.6.7 x64 Build 202208301257</div>
     </div>
     <div class="buttons_div">
-      <User
-        style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;"
-      />
-      <SwitchButton
-        style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;"
-        @click="logout"
-      />
+      <User style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" />
+      <SwitchButton style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" @click="logout" />
     </div>
   </div>
 </template>
@@ -33,22 +28,26 @@ import { Logout } from "../../utils/api/info/account";
 
 export default {
   name: "AppBanner",
-  data() {
+  data()
+  {
     return {};
   },
   // created() {
   //   console.log("banner请求数据！");
   // },
-  mounted() {
+  mounted()
+  {
     //console.log("banner请求数据！");
   },
   methods: {
-    logout() {
+    logout()
+    {
       this.$confirm("是否退出系统？", "请确认", {
         confirmButtonText: "是",
         cancelButtonText: "否",
         type: "warning",
-      }).then(() => {
+      }).then(() =>
+      {
         Logout();
       });
     },
@@ -80,7 +79,7 @@ export default {
   user-select: none;
 }
 
-.app_banner > * + * {
+.app_banner>*+* {
   margin-left: 10px;
 }