From ce7cf2f67ec29aef55a889574942c58c8d7737bd Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期日, 27 四月 2025 17:10:30 +0800
Subject: [PATCH] 学术成果详情

---
 src/layout/index.vue |   48 ++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 490107c..f26e3d5 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -14,8 +14,9 @@
           :key="index"
           @click="$router.push(item.path)"
         >
-          <div>
-            <i :class="item.icon"></i>
+          <div class="iconBox">
+            <img class="autoImg" :src="item.activeIcon" alt="" v-if="$route.path == item.path">
+            <img class="autoImg" :src="item.icon" alt="" v-else>
           </div>
           <div class="menuText">{{ item.name }}</div>
         </div>
@@ -32,6 +33,14 @@
 
 <script>
 import { mapState } from "vuex";
+import nianpu1 from "@/assets/images/menuIcon/nianpu1.png";
+import nianpu from "@/assets/images/menuIcon/nianpu.png";
+import mulu from "@/assets/images/menuIcon/mulu.png";
+import mulu1 from "@/assets/images/menuIcon/mulu1.png";
+import rongyu from "@/assets/images/menuIcon/rongyu.png";
+import rongyu1 from "@/assets/images/menuIcon/rongyu1.png";
+import xueshu from "@/assets/images/menuIcon/xueshu.png";
+import xueshu1 from "@/assets/images/menuIcon/xueshu1.png";
 export default {
   computed: {
     ...mapState(["userInfo", "keepAliveList"]),
@@ -49,22 +58,26 @@
         {
           name: "骞磋氨",
           path: "/chronology",
-          icon: "el-icon-s-home",
+          icon: nianpu1,
+          activeIcon: nianpu,
         },
         {
           name: "瀛︽湳鎴愭灉",
           path: "/achievements",
-          icon: "el-icon-s-home",
+          icon: xueshu,
+          activeIcon: xueshu1,
         },
         {
           name: "鑽ｈ獕濂栭」",
           path: "/honor",
-          icon: "el-icon-s-home",
+          icon: rongyu,
+          activeIcon: rongyu1,
         },
         {
           name: "瀛︾敓鍚嶅綍",
           path: "/directory",
-          icon: "el-icon-s-home",
+          icon: mulu,
+          activeIcon: mulu1,
         },
       ],
     };
@@ -73,26 +86,36 @@
 </script>
 
 <style lang="less" scoped>
+
+.iconBox{
+  width: 70px;
+  height: 70px;
+  position: relative;
+}
 .homeLayoutBox {
-  width: 100%;
   height: 100%;
   display: flex;
   // background-image: url("@/assets/images/homeBg.png");
   // background-repeat: no-repeat;
   // background-size: 100% 95%;
   .pageContentBox {
+    width: 100%;
     min-height: calc(100% - 525px);
   }
-  .active{
-    background: #6F5A3A;
+
+  .active {
+    background: #6f5a3a;
     color: #fff;
   }
+
   .leftMenu {
     width: 200px;
     height: 100%;
     background: #937950;
     display: flex;
     flex-direction: column;
+    font-family: Alimama DongFangDaKai;
+
     .leftMenuTitle {
       width: 100%;
       height: 50px;
@@ -101,6 +124,7 @@
       color: #fff;
       font-size: 24px;
     }
+
     .leftMenuContent {
       font-size: 20px;
       line-height: 30px;
@@ -111,9 +135,11 @@
       border-top: 1px solid #fff;
       border-bottom: 1px solid #fff;
     }
+
     .leftMenuList > menuItem:first-child {
       border-top: 1px solid #fff;
     }
+
     .leftMenuList {
       display: flex;
       flex-direction: column;
@@ -131,10 +157,12 @@
         color: #decaac;
         font-size: 24px;
         border-bottom: 1px solid #b9a587;
-        height: 180px;
+        height: 18vh;
+        cursor: pointer;
         .menuText {
           line-height: 50px;
         }
+
         i {
           font-size: 34px;
         }

--
Gitblit v1.9.1