修改样式

Author: kuangshp

src/components/menus/MenuItem.vue

@@ -17,7 +17,10 @@
       v-else
       :index="item.url"
     >
-      <router-link :to="{ name: item.url }" class="router">
+      <router-link
+        :to="{ name: item.url }"
+        class="router"
+      >
         <li>{{ item.name }}</li>
       </router-link>
 
@@ -37,7 +40,11 @@ export default class MenuItem extends Vue {
 </script>
 
 <style scoped lang="less">
-.router{
+.router {
+  color: #e5e5e5;
+  text-decoration: none;
+}
+.active {
   color: #f00;
 }
 </style>

src/components/menus/Menus.vue

@@ -64,6 +64,9 @@ export default class Menu extends Vue {
     top: 0;
     right: 0;
     bottom: 0;
+    .is-active {
+      background: rgb(41, 41, 41);
+    }
   }
 }
 </style>