diff --git a/src/views/ordinary/Home.vue b/src/views/ordinary/Home.vue
index 2fa13e2..b8d4e64 100644
--- a/src/views/ordinary/Home.vue
+++ b/src/views/ordinary/Home.vue
@@ -2,9 +2,11 @@
 import "@/assets/ordinary/Home.css"
 import {ref} from 'vue'
 import { UserFilled } from '@element-plus/icons-vue'
-const activeIndex = ref('1')
-const handleSelect = (key: string, keyPath: string[]) => {
-  console.log(key, keyPath)
+import {useRouter} from "vue-router";
+const router = useRouter()
+const activeIndex = ref(router.currentRoute.value.path) // 根据当前路由设置激活状态
+const handleSelect = (path: string) => {
+  router.push(path)
 }
 </script>
 
@@ -18,12 +20,13 @@ const handleSelect = (key: string, keyPath: string[]) => {
           mode="horizontal"
           :ellipsis="false"
           @select="handleSelect"
+          router
       >
         <!-- 左侧菜单项 -->
-        <el-menu-item index="1">首页</el-menu-item>
-        <el-menu-item index="2">图书</el-menu-item>
-        <el-menu-item index="3">期刊</el-menu-item>
-        <el-menu-item index="4">报纸</el-menu-item>
+        <el-menu-item index="/" :route="{ path: '/'}">首页</el-menu-item>
+        <el-menu-item index="/books" :route="{ path: '/books'}">图书</el-menu-item>
+        <el-menu-item index="/journals" :route="{ path: '/journals'}">期刊</el-menu-item>
+        <el-menu-item index="/newspapers" :route="{ path: '/newspapers'}">报纸</el-menu-item>
         <!-- 弹性空间 -->
         <div class="flex-grow"></div>
         <!-- 头像-->
@@ -35,6 +38,9 @@ const handleSelect = (key: string, keyPath: string[]) => {
       <div class="h-6"/>
     </div>
   </header>
+  <div>
+
+  </div>
 </template>
 
 <style scoped>