修改header布局方式

src/views/Layout/eHeader/index.vue

@@ -2,12 +2,12 @@
   <header class="header">
     <div class="navbar sticky">
       <div class="container">
-        <transition name="el-zoom-in-center">
-          <e-menu-list :options="menus" v-if="show" />
-        </transition>
         <div class="left">
           <e-logo />
         </div>
+        <transition name="el-zoom-in-center">
+          <e-menu-list class="center" :options="menus" v-if="show" />
+        </transition>
         <div class="right" />
       </div>
     </div>
@@ -121,33 +121,25 @@ export default {
     padding-right: 15px;
     min-height: 78px;
     text-align: center;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .center {
+    }
 
     .left {
       border: none;
       position: absolute;
       top: 0;
-      left: 80px;
+      left: 30px;
       float: left;
-      margin-right: -15px;
       font-size: 0.9375em;
       display: flex;
       align-items: center;
-      width: 300px;
+      width: 360px;
       height: 100%;
     }
-
-    .right {
-      border: none;
-      position: absolute;
-      float: right;
-      height: 100%;
-      top: 0;
-      right: 80px;
-      margin-right: -15px;
-      font-size: 0.9375em;
-      display: flex;
-      align-items: center;
-    }
   }
 }