From a7ed5bdd573985547be838938040d0bd2c05538a Mon Sep 17 00:00:00 2001
From: lVAL <wx_5f6b45a71ecc4675bb5307decf1326c7@git.code.tencent.com>
Date: Mon, 25 Jan 2021 10:45:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                      |  1 +
 src/layout/eFooter/eCustom.vue   | 14 ++++++++++++--
 src/layout/eHeader/eMenuItem.vue |  7 +++++--
 src/layout/eHeader/eMenuList.vue |  1 +
 src/layout/eHeader/index.vue     |  7 +++++++
 5 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 94fa46b..c60ba4c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,5 +16,6 @@ body {
   text-align: center;
   color: #2c3e50;
   font-size: 62.5%;
+  overflow: hidden;
 }
 </style>
diff --git a/src/layout/eFooter/eCustom.vue b/src/layout/eFooter/eCustom.vue
index 8c49148..4ee00b8 100644
--- a/src/layout/eFooter/eCustom.vue
+++ b/src/layout/eFooter/eCustom.vue
@@ -13,7 +13,7 @@
         <ul class="col-md" v-for="(el, j) in it.children" :key="j">
           <li>
             <b-link v-if="el.href" :href="el.href">
-              <h6 style="color:#666;">{{ el.name }}</h6>
+              <h6 class="text-label">{{ el.name }}</h6>
             </b-link>
             <b-img
               v-else-if="el.src"
@@ -147,8 +147,18 @@ export default {
 </script>
 <style lang="scss" scoped>
 a {
-  text-decoration: none;
+  text-decoration: none !important;
+}
+
+.text-label {
   color: #595757;
+  font-size: 1.5em;
+  &:hover {
+    color: #2b2b2b !important;
+  }
+  &:active {
+    color: #2b2b2b !important;
+  }
 }
 
 ul,
diff --git a/src/layout/eHeader/eMenuItem.vue b/src/layout/eHeader/eMenuItem.vue
index e6d1651..1715d8b 100644
--- a/src/layout/eHeader/eMenuItem.vue
+++ b/src/layout/eHeader/eMenuItem.vue
@@ -9,7 +9,7 @@
         <b-nav-item-dropdown
           :text="node.meta.name"
           right
-          style="font-size:16px;"
+          style="font-size:16px;padding:0 1.2em"
           @toggle="onMouseDown"
         >
           <template v-for="(el, j) in node.children">
@@ -19,7 +19,10 @@
       </b-navbar-nav>
     </template>
     <template v-else>
-      <b-nav-item :href="node.redirect || node.path" style="font-size:16px;">
+      <b-nav-item
+        :href="node.redirect || node.path"
+        style="font-size:16px;padding:0 1.2em"
+      >
         {{ node.meta.name }}
       </b-nav-item>
     </template>
diff --git a/src/layout/eHeader/eMenuList.vue b/src/layout/eHeader/eMenuList.vue
index 6c69f66..6229104 100644
--- a/src/layout/eHeader/eMenuList.vue
+++ b/src/layout/eHeader/eMenuList.vue
@@ -27,6 +27,7 @@ export default {
 
 <style lang="scss" scoped>
 .flex {
+  width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/layout/eHeader/index.vue b/src/layout/eHeader/index.vue
index 60b329d..a7da531 100644
--- a/src/layout/eHeader/index.vue
+++ b/src/layout/eHeader/index.vue
@@ -86,4 +86,11 @@ export default {
   width: 100%;
   overflow: hidden;
 }
+
+@media (min-width: 1200px) {
+  #nav-collapse {
+    position: fixed;
+    width: 100%;
+  }
+}
 </style>