feat(Aside): 一级路由可设置 icon

Author: lbwa

src/layout/Material/Aside/Item.vue

@@ -3,7 +3,7 @@
   and no hidden setting. -->
   <div
     class="recursive__list__item"
-    v-if="!route.meta.hidden && route.meta.title"
+    v-if="(route.meta && !route.meta.hidden) && route.meta.title"
   >
 
     <!-- route rendering without child route -->
@@ -81,5 +81,15 @@ export default {
 }
 </script>
 
-<style lang='scss' scoped>
+<style lang='scss'>
+/* MUST be global style setting */
+.el-menu--collapse {
+  & .el-submenu {
+    & .el-submenu__title {
+      & .el-submenu__icon-arrow, .menu__item__title {
+        display: none
+      }
+    }
+  }
+}
 </style>

src/layout/Material/Aside/index.vue

@@ -15,8 +15,8 @@
     <el-menu
       class="aside__menu"
       :collapse="isAsideCollapse"
-      :collapse-transition="true"
       :router="true"
+      :collapse-transition="true"
       :unique-opened="true"
       :default-active="$route.path"
       :active-text-color="activeTextColor"

src/router/routes/constant.js

@@ -31,7 +31,8 @@ export default [
     path: '/admin',
     component: plainExport,
     meta: {
-      title: 'Admin'
+      title: 'Admin',
+      icon: 'el-icon-view'
     },
     children: [
       {
@@ -47,6 +48,7 @@ export default [
         component: constantComponents.pagesAdminTable,
         meta: {
           title: 'Table',
+          icon: 'el-icon-tickets',
           roles: permission.admin.table
         }
       }
@@ -56,7 +58,8 @@ export default [
     path: '/common',
     component: plainExport,
     meta: {
-      title: 'Common'
+      title: 'Common',
+      icon: 'el-icon-document'
     },
     children: [
       {

src/router/routes/dynamic.js

@@ -7,7 +7,8 @@ export default [
     name: 'private',
     component: plainExport,
     meta: {
-      title: 'Private'
+      title: 'Private',
+      icon: 'el-icon-picture-outline'
     },
     children: [
       {
@@ -34,7 +35,8 @@ export default [
     path: '/single',
     component: plainExport,
     meta: {
-      title: 'Single'
+      title: 'Single',
+      icon: 'el-icon-mobile-phone'
     },
     children: [
       {