在线简历路由

src/layout/personal/navBar.vue

@@ -48,6 +48,9 @@
 
               <v-list>
                 <v-list-item v-for="(item, index) in items" :key="index" @click="item.change">
+                  <template v-slot:prepend>
+                    <v-icon :icon="item.icon"></v-icon>
+                  </template>
                   <v-list-item-title>{{ item.title }}</v-list-item-title>
                 </v-list-item>
               </v-list>
@@ -135,9 +138,10 @@ const handleLogout = async () => {
 }
 
 const items = ref([
-  { title: '账号设置', change: () => router.push({ path: '/personalAccount/accountBinding' }) },
-  { title: '切换为招聘者', change: changeRole },
-  { title: '退出登录', change: handleLogout }
+  { title: '在线简历', icon: 'mdi-list-box-outline', change: () => router.push({ path: '/resume' }) },
+  { title: '账号设置', icon: 'mdi-cog-outline', change: () => router.push({ path: '/personalAccount/accountBinding' }) },
+  { title: '切换为招聘者', icon: 'mdi-swap-horizontal', change: changeRole },
+  { title: '退出登录', icon: 'mdi-logout', change: handleLogout }
 ])
 
 const handleLogin = () => {

src/router/modules/personal.js

@@ -45,6 +45,20 @@ const personal = [
         ]
       }
     ]
+  },
+  {
+    path: '/resume',
+    component: Layout,
+    name: 'resume',
+    meta: {
+      title: '在线简历'
+    },
+    children: [
+      {
+        path: '/resume',
+        component: () => import('@/views/resume/index')
+      }
+    ]
   }
 ]
 export default personal

src/views/resume/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>在线简历</div>
+</template>
+
+<script setup>
+defineOptions({ name: 'resume-index' })
+</script>