添加菜单

mock/modules/menu.mock.ts

@@ -2,28 +2,84 @@ import { defineMock } from 'vite-plugin-mock-dev-server'
 
 const menu: Menu[] = [
   {
-    id: '1',
+    id: '0',
     name: 'Home',
     title: '首页',
-    path: '/home',
     type: 'menu',
-    icon: 'material-symbols:home'
+    icon: 'material-symbols:home',
+    path: '/home'
+  },
+  {
+    id: '1',
+    name: '1',
+    title: '工作台',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
   },
   {
     id: '2',
-    name: 'Trade',
-    title: '交易管理',
-    type: 'dir',
-    icon: 'mdi:form',
-    children: [
-      {
-        id: 'T1001',
-        name: 'T1001',
-        title: '交易1001',
-        type: 'menu',
-        path: '/trades/1001'
-      }
-    ]
+    name: '2',
+    title: '客户信息管理',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
+  },
+  {
+    id: '3',
+    name: '3',
+    title: '信贷业务',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
+  },
+  {
+    id: '4',
+    name: '4',
+    title: '出账管理',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
+  },
+  {
+    id: '5',
+    name: '5',
+    title: '贷后管理',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
+  },
+  {
+    id: '6',
+    name: '6',
+    title: '押品管理',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
+  },
+  {
+    id: '7',
+    name: '7',
+    title: '综合查询',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
+  },
+  {
+    id: '8',
+    name: '8',
+    title: '报表统计',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
+  },
+  {
+    id: '9',
+    name: '9',
+    title: '系统维护',
+    type: 'dir',
+    icon: 'mdi:form',
+    children: []
   }
 ]
 

src/views/home/index.vue

 <template>
-  <div class="w-100 h-25 bg-violet">
-    <h1 class="text-3xl font-bold underline">
-      {{ $t('app.name') }}
-    </h1>
+  <div>
+    <h1>首页</h1>
   </div>
 </template>