From 2f8dd15c850b30fc3b5b4018680a4d8f3af225b8 Mon Sep 17 00:00:00 2001
From: yuyang <uyarnchen@gmail.com>
Date: Wed, 8 Jun 2022 17:05:39 +0800
Subject: [PATCH] chore: add 3rd layer menu demo (#165)

* chore: add 3rd layer menu demo

* chore: fix typescript version
---
 package.json                  |  2 +-
 src/pages/nest-menu/Index.vue | 10 ++++++++++
 src/router/index.ts           |  2 +-
 src/router/modules/others.ts  | 22 ++++++++++++++++++++++
 4 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/nest-menu/Index.vue

diff --git a/package.json b/package.json
index 2846a10..8f5e0aa 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-less": "^1.0.1",
     "stylelint-order": "^4.1.0",
-    "typescript": "^4.4.3",
+    "typescript": "~4.4.3",
     "vite": "^2.7.1",
     "vite-plugin-mock": "^2.9.6",
     "vite-svg-loader": "^3.1.0",
diff --git a/src/pages/nest-menu/Index.vue b/src/pages/nest-menu/Index.vue
new file mode 100644
index 0000000..ff7d50d
--- /dev/null
+++ b/src/pages/nest-menu/Index.vue
@@ -0,0 +1,10 @@
+<template>
+  <div>
+    <div>三级菜单页面</div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'NestMenu',
+};
+</script>
diff --git a/src/router/index.ts b/src/router/index.ts
index 883e87b..5921674 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -30,7 +30,7 @@ const defaultRouterList: Array<RouteRecordRaw> = [
 
 export const allRoutes = [...defaultRouterList, ...asyncRouterList];
 
-export const getActive = (maxLevel = 2): string => {
+export const getActive = (maxLevel = 3): string => {
   const route = useRoute();
   if (!route.path) {
     return '';
diff --git a/src/router/modules/others.ts b/src/router/modules/others.ts
index 35bab4b..1555037 100644
--- a/src/router/modules/others.ts
+++ b/src/router/modules/others.ts
@@ -31,4 +31,26 @@ export default [
       },
     ],
   },
+  // 三级菜单配置
+  // {
+  //   path: '/menu',
+  //   name: 'menu',
+  //   component: Layout,
+  //   meta: { title: '一级菜单', icon: 'menu-fold' },
+  //   children: [
+  //     {
+  //       path: 'second',
+  //       meta: { title: '二级菜单' },
+  //       component: () => import('@/layouts/blank.vue'),
+  //       children: [
+  //         {
+  //           path: 'third',
+  //           name: 'NestMenu',
+  //           component: () => import('@/pages/nest-menu/index.vue'),
+  //           meta: { title: '三级菜单' },
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // },
 ];