feat: 添加菜单树结构事例

src/router/modules/home.ts

@@ -7,6 +7,7 @@ const homeRouter = {
   redirect: "/welcome",
   meta: {
     icon: "HomeFilled",
+    title: "message.hshome",
     showLink: true,
     i18n: true,
     rank: 0

src/router/modules/index.ts

@@ -3,6 +3,7 @@ import homeRouter from "./home";
 import errorRouter from "./error";
 import editorRouter from "./editor";
 import nestedRouter from "./nested";
+import menuTreeRouter from "./menuTree";
 import externalLink from "./externalLink";
 import flowChartRouter from "./flowchart";
 import remainingRouter from "./remaining";
@@ -22,6 +23,7 @@ const routes = [
   nestedRouter,
   externalLink,
   editorRouter,
+  menuTreeRouter,
   flowChartRouter,
   componentsRouter
 ];

src/router/modules/menuTree.ts

@@ -0,0 +1,29 @@
+import Layout from "/@/layout/index.vue";
+
+const menuTreeRouter = {
+  path: "/menuTree",
+  name: "reMenuTree",
+  component: Layout,
+  redirect: "/menuTree/index",
+  meta: {
+    icon: "RI-node-tree",
+    title: "message.hsMenuTree",
+    i18n: true,
+    showLink: true,
+    rank: 9
+  },
+  children: [
+    {
+      path: "/menuTree/index",
+      name: "reMenuTree",
+      component: () => import("/@/views/menu-tree/index.vue"),
+      meta: {
+        title: "message.hsMenuTree",
+        showLink: true,
+        i18n: true
+      }
+    }
+  ]
+};
+
+export default menuTreeRouter;