update

package.json

@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^0.2.6",
+    "@types/node": "^17.0.29",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
     "@vueuse/core": "^7.5.4",
     "@vueuse/integrations": "^7.5.4",
@@ -18,6 +19,7 @@
     "element-plus": "^2.1.11",
     "less": "^4.1.2",
     "less-loader": "^10.2.0",
+    "type-fest": "^2.12.2",
     "vue": "^3.2.25",
     "vue-router": "^4.0.14"
   },

src/components/tabs.vue

 
 
 <script lang="ts" setup>
+import {useRoute} from "vue-router";
+import {ref} from "vue";
+
 const emit = defineEmits(['fresh'])
 const doFresh = () =>emit('fresh')
+const route=useRoute()
+const routeString=ref<string>('')
+routeString.value=route.matched.map(v=>{
+  return v.name
+}).join(' / ')
+console.log(route)
 </script>
 
 <template>
     <div class=" text-slate-400 mb-2 flex items-center justify-between">
         <div>
-         用户管理 / 用户信息
+         {{routeString}}
         </div>
         <div class=" cursor-pointer" @click="doFresh">刷新 </div>
     </div>

src/config/menu.ts

@@ -22,12 +22,12 @@ export const routes:RouteRecordRaw[]=[
     {
         path: '/user',
         component: Layout,
-        name:'用户',
+        name:'空投管理',
         redirect:'/user/info',
         children: [
             {
                 path: 'info',
-                name:'用户信息',
+                name:'空投记录',
                 component: () => {
                     return import('../views/user/info.vue')
                 }

yarn.lock

@@ -424,6 +424,11 @@
   resolved "https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.182.tgz#05301a4d5e62963227eaafe0ce04dd77c54ea5c2"
   integrity sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==
 
+"@types/node@^17.0.29":
+  version "17.0.29"
+  resolved "https://registry.npmmirror.com/@types/node/-/node-17.0.29.tgz#7f2e1159231d4a077bb660edab0fde373e375a3d"
+  integrity sha512-tx5jMmMFwx7wBwq/V7OohKDVb/JwJU5qCVkeLMh1//xycAJ/ESuw9aJ9SEtlCZDYi2pBfe4JkisSoAtbOsBNAA==
+
 "@types/parse-json@^4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
@@ -2253,6 +2258,11 @@ tslib@^2.3.0:
   resolved "https://registry.npmmirror.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
   integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
 
+type-fest@^2.12.2:
+  version "2.12.2"
+  resolved "https://registry.npmmirror.com/type-fest/-/type-fest-2.12.2.tgz#80a53614e6b9b475eb9077472fb7498dc7aa51d0"
+  integrity sha512-qt6ylCGpLjZ7AaODxbpyBZSs9fCI9SkL3Z9q2oxMBQhs/uyY+VD8jHA8ULCGmWQJlBgqvO3EJeAngOHD8zQCrQ==
+
 typescript@^4.4.4:
   version "4.5.5"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.5.tgz#d8c953832d28924a9e3d37c73d729c846c5896f3"