u

code/link56/link56-frontend-new/src/layout/components/header.vue

@@ -1,4 +1,8 @@
 <script lang="ts" setup>
+import {
+  CircleClose,
+  User,
+} from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useUserStore } from '@/store/user'
 
@@ -20,8 +24,6 @@ function navigateTo(path: string) {
 
 function exitLogin() {
   userStore.clearUserInfo()
-
-  navigateTo('/auth/login')
 }
 
 function isActive(path: string) {
@@ -68,8 +70,10 @@ function isActive(path: string) {
 
             <template #dropdown>
               <el-dropdown-menu>
-                <el-dropdown-item>个人中心</el-dropdown-item>
-                <el-dropdown-item @click="exitLogin()">
+                <el-dropdown-item :icon="User" @click="navigateTo('/settings')">
+                  个人中心
+                </el-dropdown-item>
+                <el-dropdown-item :icon="CircleClose" @click="exitLogin()">
                   退出登录
                 </el-dropdown-item>
               </el-dropdown-menu>

code/link56/link56-frontend-new/src/layout/index.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import Header from './components/header.vue'
-
 </script>
 
 <template>
@@ -9,26 +8,25 @@ import Header from './components/header.vue'
     <div class="content">
       <RouterView />
     </div>
-    <footer class="footer">
+    <!-- <footer class="footer">
       footer
-    </footer>
+    </footer> -->
   </div>
 </template>
 
 <style lang="scss" scoped>
 .app {
   position: relative;
-  background-color: #eff2f6;
 }
 
 .content {
   padding-top: 60px;
-  height: 1800px;
 }
 
 .footer {
+  margin-top: 32px;
   height: 100px;
-  background-color: #ccc;
+  background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;