优化菜单栏

src/components/NavMenu.vue

@@ -2,8 +2,8 @@
   <div class="sidebar">
     <el-menu
       :uniqueOpened="true"
-      default-active="home"
       class="el-menu-vertical-demo"
+			:default-active="activeMenu"
       router
     >
       <template v-for="item in menus" :key="item.name">
@@ -30,6 +30,14 @@ export default {
     },
     collapse() {
       return this.$store.state.collapse;
+    },
+		activeMenu() {
+      const route = this.$route
+      const { meta, name } = route
+      if (meta.activeMenu) {
+        return meta.activeMenu
+      }
+      return name
     },
   },
 };

src/router/routers.js

@@ -1,38 +1,45 @@
 const routes = [
 	{
-		icon: "el-icon-s-order",
+		icon: "el-icon-set-up",
 		path: "/home",
 		name: "home",
 		title: "ETL列表",
-		component: () => import("../views/Home.vue"),
+		component: () => import("../views/home.vue"),
 	},
   {
-    icon: "el-icon-setting",
+		icon: "el-icon-document",
     path: "/ablout",
     name: "ablout",
     title: "ETL记录",
-    component: () => import("../views/About.vue"),
+    component: () => import("../views/about.vue"),
   },
   {
-    icon: "el-icon-setting",
+		icon: "el-icon-coin",
     path: "/ablouta",
     name: "ablouta",
 		title: "ETL数据库",
-    component: () => import("../views/About.vue"),
+    component: () => import("../views/about.vue"),
   },
   {
-    icon: "el-icon-setting",
+		icon: "el-icon-price-tag",
     path: "/abloutb",
     name: "abloutb",
     title: "标准类型定义",
-    component: () => import("../views/About.vue"),
+    component: () => import("../views/about.vue"),
   },
 	{
-		icon: "el-icon-setting",
-		path: "/abloutb",
-		name: "abloutb",
+		icon: "el-icon-tickets",
+		path: "/abloutc",
+		name: "abloutc",
 		title: "日志列表",
-		component: () => import("../views/About.vue"),
+		component: () => import("../views/about.vue"),
+	},
+	{
+		icon: "el-icon-c-scale-to-original",
+		path: "/abloutd",
+		name: "abloutd",
+		title: "字段列表",
+		component: () => import("../views/about.vue"),
 	},
 ];