fix: 1个小调整。

src/components/Header.vue

@@ -11,7 +11,7 @@
                 <!-- 消息中心 -->
                 <div class="btn-bell">
                     <el-tooltip effect="dark" :content="message?`有${message}条未读消息`:`消息中心`" placement="bottom">
-                        <router-link to="/tabs">
+                        <router-link to="/message">
                             <i class="el-icon-bell"></i>
                         </router-link>
                     </el-tooltip>

src/components/Sidebar.vue

@@ -75,9 +75,14 @@ export default {
           },
           {
               icon: "el-icon-lx-copy",
-              index: "/tabs",
+              index: "/message",
               title: "我的消息",
           },
+          {
+              icon: "el-icon-user",
+              index: "/user",
+              title: "个人中心",
+          },
           //  无用组件
           // {
           //   icon: "el-icon-lx-calendar",

src/router/index.js

@@ -68,12 +68,12 @@ const routes = [
                 component: () => import ( /* webpackChunkName: "form" */ "../views/BaseForm.vue")
             },
             {
-                path: "/tabs",
-                name: "tabs",
+                path: "/message",
+                name: "message",
                 meta: {
-                    title: 'tab标签'
+                    title: '我的消息'
                 },
-                component: () => import ( /* webpackChunkName: "tabs" */ "../views/Tabs.vue")
+                component: () => import ( /* webpackChunkName: "message" */ "../views/Message.vue")
             },
             {
                 path: "/upload",

src/views/Tabs.vue → src/views/Message.vue

@@ -73,7 +73,7 @@
 <script>
 import { ref, reactive } from "vue";
 export default {
-    name: "tabs",
+    name: "message",
     setup() {
         const message = ref("first");
         const state = reactive({

src/views/ModelList.vue

@@ -104,8 +104,5 @@ export default {
 .message-title {
   cursor: pointer;
 }
-.handle-row {
-  margin-top: 30px;
-}
 </style>