V0.1.2.20250718

———————————————
1.路由重定向
2.Home页面头部完成
———————————————

src/assets/ordinary/Home.css

@@ -15,10 +15,12 @@ body{
 }
 
 
-/*菜单*/
+/*菜单*//*重定高度*/
 .el-menu--horizontal {
     display: flex;
     flex-wrap: nowrap;
+    max-height: 70px;
+    --el-menu-horizontal-height: 65%;
 }
 /* 使用 Flex 布局控制菜单 */
 .el-menu-demo {
@@ -33,8 +35,16 @@ body{
     width: 10vw;
     white-space: nowrap;
 }
-/*重定高度*/
+
-.el-menu--horizontal {
+/*头像*/
-    --el-menu-horizontal-height: 65%;
+.demo-type {
-    max-height: 70px;
+    display: flex;
+}
+.demo-type > div {
+    flex: 1;
+    text-align: center;
+}
+
+.demo-type > div:not(:last-child) {
+    border-right: 1px solid var(--el-border-color);
 }

src/views/ordinary/Home.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import "@/assets/ordinary/Home.css"
-import { ref } from 'vue'
+import {ref} from 'vue'
 
 const activeIndex = ref('1')
 const handleSelect = (key: string, keyPath: string[]) => {
@@ -25,10 +25,16 @@ const handleSelect = (key: string, keyPath: string[]) => {
         <el-menu-item index="3">期刊</el-menu-item>
         <el-menu-item index="4">报纸</el-menu-item>
         <!-- 弹性空间 -->
-        <div class="flex-grow" ></div>
+        <div class="flex-grow"></div>
+        <!-- 头像-->
+        <div style="margin: auto 0;">
+          <el-avatar
+              src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
+          />
+        </div>
         <el-menu-item index="5">读者登录</el-menu-item>
       </el-menu>
-      <div class="h-6" />
+      <div class="h-6"/>
     </div>
   </header>
 </template>

src/views/ordinary/PersonalCenter.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>