修改首页 样式

src/App.vue

@@ -16,5 +16,6 @@ body {
   text-align: center;
   color: #2c3e50;
   font-size: 62.5%;
+  overflow: hidden;
 }
 </style>

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,

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>

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;

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>