From c1197558e04ca3f81357fd52d53628a474e44072 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Tue, 7 Jan 2025 13:54:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/ques.png      | Bin 0 -> 477 bytes
 src/assets/images/testPaper.png | Bin 0 -> 376 bytes
 src/layouts/home/index.vue      |   7 +--
 src/layouts/navbar/index.vue    |  85 ++++++++++----------------------
 src/styles/layout/index.scss    |   2 +-
 5 files changed, 32 insertions(+), 62 deletions(-)
 create mode 100644 src/assets/images/ques.png
 create mode 100644 src/assets/images/testPaper.png

diff --git a/src/assets/images/ques.png b/src/assets/images/ques.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3d2c551ea290e268d9281a082edb48d07132fbf
GIT binary patch
literal 477
zcmV<30V4j1P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0dh%1K~#7F)m0%(
z!%!4_9Ze8u3JGdx1QN|8Nzp~mGhH-j>gQ`v^+h8|z>zQyj-(*rZoQv2BO`6sCG3)G
z`@7$F@4bKf-?I`S7=b(14+<~?Qy-U8a17?)oArah%7hCFoP$qbV*P?5;Q*H*_-y@y
zF@u4v8EY5t7sf~64H#Rw;9Qrs&bkC=%LEuS)!kXG4T^g3zXTjoTM?VT$p6ws51K;+
zdJZ(^H*`_4OrVL2D8PUJp#qb+=7(b8M7y|XG3!^W_Az!K((^v}?pu3A3LabKd)LN^
zMEL#=Jm?}Yva(XQLDtWbsa0)#1kbv-C{+a`1syAJQWN4CvkPAJVN>UrZ~N`IPhS(-
zY-r4q3!7`qikvm4y5EBroa<{c%VqDH9GRTQz7LgHRud~~@8|aQ^l%OCSu<>b$KVI}
zq68=UEs=mJ+1S&7A}7|oRohl>GhbG=EYr8_M5;=7&d)qs4Gel~RrT|%t=8%vE9YDj
T7HZK^00000NkvXXu0mjfiEGLE

literal 0
HcmV?d00001

diff --git a/src/assets/images/testPaper.png b/src/assets/images/testPaper.png
new file mode 100644
index 0000000000000000000000000000000000000000..562433b940858e23b2eeaf15cf5c4bd0d98869e7
GIT binary patch
literal 376
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL
zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(Ayq+$OAr*{wr!Ew3G7vdtZ#ye?bK2Xqw<WvM
z{-|%c{kFtPc5~XBl1=-{?f6_Oq?KR3f4BSYw(YgjIr#_H8)sdq4RV-uptnh6;v>Cg
zkEXnWWZl#Nvx;7ZxJoyx!@ZiBq4^)CJm}^zm^isCcJ3@kuUUuB#J)Cpn_w{OpitTT
z7mBZP3z}^AbvttGuAh)ScUI%B(r6RreLAPzq}Ok|E_;#3Y)ND{WBjp2$!A2_EZSuf
z`De2l^_^ZH{QRKoy@zt4Nh!^`_kQYVHXkc^uAu7w!uw=eqHRV8<K&Y^mIhwqk;qC&
zS#gjl^d0|_e~!1C4==g!kmuJF&)4oV`}NgNE;)VR+sU55z2ec5!FE$w|8<GWmFY#l
T`z*8%7*GtJu6{1-oD!M<K}VP?

literal 0
HcmV?d00001

diff --git a/src/layouts/home/index.vue b/src/layouts/home/index.vue
index e258b80..ff6a7b0 100644
--- a/src/layouts/home/index.vue
+++ b/src/layouts/home/index.vue
@@ -36,6 +36,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+$navWidth: 200px;
+
 .main {
   display: flex;
   min-width: 1300px;
@@ -43,16 +45,15 @@ export default {
   overflow: hidden;
 
   .nav {
-    width: 256px;
+    width: $navWidth;
   }
 
   .layout {
-    width: calc(100% - 256px);
+    width: calc(100% - #{$navWidth});
 
 
     .content {
       height: 100vh;
-      padding-left: 24px;
       overflow: auto;
 
       .view {
diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue
index aaefdf3..3f06238 100644
--- a/src/layouts/navbar/index.vue
+++ b/src/layouts/navbar/index.vue
@@ -2,16 +2,16 @@
   <div>
     <div class="flex-1">
       <div class="logo">
-        <img width="30" src="@/assets/images/logo.png" alt="">
+        <!-- <img width="30" src="@/assets/images/logo.png" alt=""> -->
         <span>理论考试系统</span>
       </div>
-      <el-menu :default-active="active" :default-openeds="['ques', 'testPaper']" background-color="#001529"
-        text-color="#fff" active-text-color="#fff" :collapse-transition="false" @select="menuSelect">
+      <el-menu :default-active="active" :default-openeds="['ques', 'testPaper']" background-color="#f5fafa"
+        text-color="#4a4b4b" active-text-color="#3474ff" :collapse-transition="false" @select="menuSelect">
         <template v-for="item in menus">
           <template v-if="item.subs">
             <el-submenu :index="item.index" :key="item.index">
               <template slot="title">
-                <!-- <img class="icon" :src="require('@/assets/images/' + item.icon + '.png')" alt=""> -->
+                <img class="icon" :src="require('@/assets/images/' + item.index + '.png')" alt="">
                 <span slot="title">{{ item.title }}</span>
               </template>
               <template v-for="subItem in item.subs">
@@ -137,8 +137,6 @@ export default {
 <style lang="scss" scoped>
 .nav {
   height: 100%;
-  background-color: #001529;
-  box-shadow: 2px 0px 6px 0px rgba(92, 111, 130, 0.35);
   overflow: auto;
 
   .logo {
@@ -146,8 +144,9 @@ export default {
     align-items: center;
     padding-left: 28px;
     margin: 15px 0 26px;
-    font-size: 16px;
-    color: #fff;
+    font-size: 18px;
+    font-weight: 600;
+    color: #000;
 
     img {
       margin-right: 8px;
@@ -161,61 +160,31 @@ export default {
       margin: 0 11px 0 5px;
     }
 
-    .el-menu-item {
-      &.is-active {
-        background-color: #062c87 !important;
-      }
-    }
-
-    .el-menu .el-menu-item {
-      padding-left: 50px !important;
-    }
-  }
-
-  .light {
-    display: flex;
-    height: 100%;
-    background-color: #fff;
-    overflow: hidden;
-
-    .col-wrap {
-      width: 64px;
-      background-color: #001529;
-    }
-
-    .logo-icon {
-      width: 41px;
-      margin: 16px 0 30px 7px;
-    }
 
-    .col-nav {
-      text-align: center;
-
-      li {
-        padding: 25px 0;
-        cursor: pointer;
-      }
-    }
-
-    .name {
-      margin: 17px 0 27px 15px;
-      font-size: 15px;
+    .el-submenu__title {
+      padding-left: 0 !important;
+      font-size: 16px;
       font-weight: 600;
-      text-align: center;
-      color: #333;
-      line-height: 32px;
-    }
-
-    .col-menu {
-      width: 192px;
     }
 
-    /deep/.el-submenu__title {
-      padding-left: 14px !important;
-    }
+    .el-menu-item {
+      position: relative;
 
-    .icon {
-      margin-left: 0;
+      &.is-active {
+        font-weight: 600;
+
+        &::before {
+          content: '';
+          position: absolute;
+          top: 15px;
+          left: 28px;
+          width: 4px;
+          height: 20px;
+          border-top-right-radius: 4px;
+          border-bottom-right-radius: 4px;
+          background-color: #3474ff;
+        }
+      }
     }
   }
 }
diff --git a/src/styles/layout/index.scss b/src/styles/layout/index.scss
index 551bc53..c2a9634 100644
--- a/src/styles/layout/index.scss
+++ b/src/styles/layout/index.scss
@@ -13,5 +13,5 @@ body {
   min-width: 1280px;
   font-family: PingFang, PingFang SC, "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
   font-size: 14px;
-  background: #F0F2F5;
+  background: #f5fafa;
 }
\ No newline at end of file