菜单递归修复

src/layout/components/AppMain.vue

@@ -32,7 +32,7 @@ export default {
   height: calc(100% - 120px);
   width: 100%;
   position: relative;
-  padding: 10px 10px 0 10px;
+  padding: 10px;
   background: #f6f7f9;
   overflow: hidden;
 }

src/layout/components/FixedHeader/components/MenuItem/index.vue

@@ -22,7 +22,11 @@
           {{ secondRoute.meta.title }}
         </template>
       </el-menu-item>
-      <el-submenu v-else :index="item.fullPath" :key="secondRoute.fullPath">
+      <el-submenu
+        v-else
+        :index="secondRoute.fullPath"
+        :key="secondRoute.fullPath"
+      >
         <template slot="title">
           <svg-icon
             v-if="
@@ -34,7 +38,8 @@
           />
           {{ secondRoute.meta.title }}
         </template>
-        <el-menu-item
+        <menu-item :item="secondRoute"></menu-item>
+        <!-- <el-menu-item
           v-for="(nextItem, nextIndex) in secondRoute.children"
           :key="nextIndex"
           :index="nextItem.fullPath"
@@ -46,7 +51,7 @@
             :icon-class="nextItem.meta.icon"
           />
           {{ nextItem.meta.title }}
-        </el-menu-item>
+        </el-menu-item> -->
       </el-submenu>
     </template>
   </el-menu>

src/layout/components/FixedHeader/components/MenuMain/index.vue

@@ -133,7 +133,7 @@ export default {
     font-style: normal;
     text-transform: none;
     margin: 0 10px;
-    padding: 3px 12px;
+    padding: 3px 6px;
     cursor: pointer;
   }
   .activeMenu {