chore: add 3rd layer menu demo (#165)

* chore: add 3rd layer menu demo

* chore: fix typescript version

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",

src/pages/nest-menu/Index.vue

@@ -0,0 +1,10 @@
+<template>
+  <div>
+    <div>三级菜单页面</div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'NestMenu',
+};
+</script>

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 '';

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: '三级菜单' },
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // },
 ];