header高度调整

src/components/Header.vue

@@ -1,17 +1,13 @@
 <template>
   <div id="title-wrap">
-    <!-- <span><el-button icon="el-icon-d-arrow-left" circle /></span> -->
     <img class="menu-img" :src="menuImg" @click="menuClick" />
-    <!-- <img class="logo-img" :src="logo" /> -->
-    <!-- <p class="title-test">{{ title }}</p> -->
-    <!-- <p class="separation-line" /> -->
+
     <img class="customer-logo" :src="customerLogo" />
-    <!-- <p class="customer-name">{{ customerName }}</p> -->
     <div class="user-info-wrap">
       <el-dropdown>
         <el-avatar
           shape="square"
-          :size="20"
+          :size="25"
           fit="contain"
           :src="userInfo.avatar"
         />
@@ -120,8 +116,8 @@ export default {
   }
   .el-dropdown {
     float: right;
-    width: 20px;
-    height: 20px;
+    width: 25px;
+    height: 25px;
     margin-top: 5px;
     margin-right: 8px;
   }
@@ -133,33 +129,15 @@ export default {
     float: left;
     width: 40px;
     height: 40px;
-    margin-top: 3px;
+    margin-top: 4px;
     margin-left: 24px;
     cursor: pointer;
   }
-  .logo-img {
-    float: left;
-    width: 32px;
-    height: 32px;
-    margin-top: 21px;
-    margin-left: 32px;
-  }
 
-  .title-test {
-    float: left;
-    margin-left: 10px;
-    font-size: 22px;
-    font-family: PingFangSC-Semibold, PingFang SC;
-    font-weight: 600;
-    color: #ffffff;
-    line-height: 80px;
-    text-shadow: 0px -1px 0px #215c85;
-    font-style: oblique;
-  }
   .user-info-wrap {
     float: right;
     min-width: 199px;
-    height: 30px;
+    height: 35px;
     box-shadow: 0px 1px 3px 0px #1e514d;
     border-radius: 2px;
     border: 1px solid #2c998f;
@@ -184,7 +162,7 @@ export default {
         }
       }
       .user-details, .system-time {
-        line-height: 30px;
+        line-height: 35px;
         span {
           margin-left: 20px;
         }
@@ -201,32 +179,13 @@ export default {
       }
     }
   }
-  .separation-line {
-    float: left;
-    width: 1px;
-    height: 42px;
-    float: left;
-    margin: 19px 24px;
-    background: #ffffff;
-  }
   .customer-logo {
     float: left;
     width: 185px;
     height: 26px;
-    margin-top: 10px;
+    margin-top: 12px;
     margin-left: 40px;
   }
-  .customer-name {
-    float: left;
-    margin: 0;
-    min-width: 100px;
-    line-height: 80px;
-    font-size: 22px;
-    font-family: PingFangSC-Semibold, PingFang SC;
-    font-weight: 600;
-    color: #ffffff;
-    text-shadow: 0px -1px 0px #1e5353;
-  }
   .item {
     float: right;
     height: 30px;

src/components/Layout.vue

@@ -39,7 +39,7 @@ export default {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
-  padding-top: 46px;
+  padding-top: 50px;
   padding-left: 250px;
   background: #f3f3f3;
   #content-title {
@@ -47,16 +47,16 @@ export default {
     top: 0;
     left: 0;
     width: 100%;
-    height: 46px;
-    line-height: 46px;
+    height: 50px;
+    line-height: 50px;
     background: linear-gradient(180deg, #327e77 0%, #2c9b92 46%, #1e524d 100%);
   }
   #content-nav-menu {
     position: absolute;
-    top: 46px;
+    top: 50px;
     left: 0;
     width: 250px;
-    height: calc(100% - 46px);
+    height: calc(100% - 50px);
     background: #eeeeee;
     box-sizing: border-box;
     padding-top: 12px;