From ad1dcacd0822634ad93033836089e13ad64e87c7 Mon Sep 17 00:00:00 2001
From: Childish-Ghost <thestarlake.lukemackin@gmail.com>
Date: Fri, 18 Jul 2025 23:26:29 +0800
Subject: [PATCH] =?UTF-8?q?V0.1.2.20250718=20=E2=80=94=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94=201.=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E9=87=8D=E5=AE=9A=E5=90=91=202.Home=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=A4=B4=E9=83=A8=E5=AE=8C=E6=88=90=20=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94=E2=80=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/ordinary/Home.css          | 20 +++++++++++++++-----
 src/views/ordinary/Home.vue           | 12 +++++++++---
 src/views/ordinary/PersonalCenter.vue | 11 +++++++++++
 3 files changed, 35 insertions(+), 8 deletions(-)
 create mode 100644 src/views/ordinary/PersonalCenter.vue

diff --git a/src/assets/ordinary/Home.css b/src/assets/ordinary/Home.css
index e59679f..1cb5b06 100644
--- a/src/assets/ordinary/Home.css
+++ b/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%;
-    max-height: 70px;
+
+/*头像*/
+.demo-type {
+    display: flex;
+}
+.demo-type > div {
+    flex: 1;
+    text-align: center;
+}
+
+.demo-type > div:not(:last-child) {
+    border-right: 1px solid var(--el-border-color);
 }
\ No newline at end of file
diff --git a/src/views/ordinary/Home.vue b/src/views/ordinary/Home.vue
index e90bec7..0d34e70 100644
--- a/src/views/ordinary/Home.vue
+++ b/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>
diff --git a/src/views/ordinary/PersonalCenter.vue b/src/views/ordinary/PersonalCenter.vue
new file mode 100644
index 0000000..96c0baf
--- /dev/null
+++ b/src/views/ordinary/PersonalCenter.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file