pref:修改头部

sample-form-manager-ui/admin/src/pages/layouts/components/Header.vue

 <template>
   <div class="header flex aic jcb">
     <div class="left flex aic">
-      <!-- <img
-        class="pointer"
+      <img
+        class="pointer mr10"
         width="32"
         src="../../../assets/img/logo.png"
         alt="LOGO"
         @click="handleGoHome"
-      /> -->
-      <h1 class="title pointer" @click="handleGoHome">
-        智慧政务一体化综合管理平台
-      </h1>
+      />
+      <h1 class="title pointer" @click="handleGoHome">样表管理系统</h1>
       <HeaderSite class="mr50 ml20"></HeaderSite>
       <!-- 导航 -->
       <el-menu
         :default-active="activeMenu"
         mode="horizontal"
         router
-        background-color="#2681e8"
         text-color="rgba(254, 254, 254, 0.65)"
       >
         <el-menu-item v-for="v in meuns" :key="v.path" :index="v.path">
@@ -75,12 +72,11 @@ export default {
   height: 64px;
   width: 100%;
   padding: 0px 24px;
-  background-color: #2681e8;
-  // background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
+  // background-color: #2681e8;
+  background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
   color: #fff;
   .title {
-    font-size: 16px;
-    font-weight: 500;
+    font-size: 20px;
   }
   .back-btn {
     a {
@@ -90,25 +86,31 @@ export default {
   }
 }
 /deep/.el-menu {
+  height: 64px !important;
   border: none !important;
   background-color: transparent;
 }
 /deep/.el-menu-item {
-  border: none !important;
+  height: 100% !important;
+  // border: none !important;
   display: flex;
   align-items: center;
   i {
     color: rgba(254, 254, 254, 0.65);
   }
   &:hover {
-    background-color: #2681e8 !important;
+    background-color: transparent !important;
+    // background-color: #2681e8 !important;
     color: #fff !important;
+    border-bottom: 2px solid #fff !important;
   }
 }
 
 /deep/.is-active {
   border: none !important;
+  border-bottom: 2px solid #fff !important;
   color: #fff !important;
-  background-color: #1890ff !important;
+  background-color: transparent !important;
+  // background-color: #2681e8 !important;
 }
 </style>
\ No newline at end of file

sample-form-manager-ui/admin/src/pages/layouts/components/HeaderSite.vue

@@ -239,7 +239,7 @@ export default {
 }
 .ant-dropdown-link {
   padding: 0 20px;
-  font-size: 14px;
+  font-size: 16px;
   display: inline-block;
   color: #fff;
   cursor: pointer;