From c8c47be2fdee861e3fe2adf623edc0c844d20fe9 Mon Sep 17 00:00:00 2001
From: lVAL <wx_5f6b45a71ecc4675bb5307decf1326c7@git.code.tencent.com>
Date: Wed, 30 Sep 2020 12:29:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9header=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Layout/eHeader/index.vue | 30 +++++++++++-------------------
 1 file changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/views/Layout/eHeader/index.vue b/src/views/Layout/eHeader/index.vue
index 6eeacd3..c823ea9 100644
--- a/src/views/Layout/eHeader/index.vue
+++ b/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;
-    }
   }
 }