调整material/aside组件样式

src/framework/material/aside.vue

@@ -46,13 +46,14 @@ export default {
 
 <style lang="less" scoped>
 .aside{
+  color: #969799;
   background: #fff;
-  width: 274px;
+  width: 200px;
   margin-right: 30px;
   flex-shrink: 0;
-  max-height: 252px;
+  max-height: 232px;
   >ul{
-    padding: 30px 0;
+    padding: 20px 0;
     >li{
       padding-left: 50px;
       cursor: pointer;
@@ -62,8 +63,8 @@ export default {
       font-size: 16px;
       &:hover, &.router-link-exact-active,
       &.router-link-active {
+        color: #323233;
         background: #F7F8FA;
-        font-weight: bold;
       }
       .iconfont{
         margin-right: 10px;

src/framework/material/index.vue

@@ -10,9 +10,9 @@
 </template>
 
 <script>
-import AppAside from "./aside";
-import AppHeader from "./header";
-import AppMain from "./Main";
+import AppAside from "./aside.vue";
+import AppHeader from "./header.vue";
+import AppMain from "./Main.vue";
 
 export default {
   components:{