修改

src/layouts/components/VabAppMain/index.vue

@@ -2,9 +2,9 @@
   <div v-if="routerView" class="app-main-container">
   <div v-if="routerView" class="app-main-container">
     <!-- <vab-github-corner />
     <!-- <vab-github-corner />
     <transition mode="out-in" name="fade-transform">
     <transition mode="out-in" name="fade-transform">
-      <keep-alive :include="cachedRoutes" :max="keepAliveMaxNum">
+      <keep-alive :include="cachedRoutes" :max="keepAliveMaxNum"> -->
     <router-view :key="key" class="app-main-height" />
     <router-view :key="key" class="app-main-height" />
-      </keep-alive>
+    <!-- </keep-alive>
     </transition>
     </transition>
     <footer v-show="footerCopyright" class="footer-copyright">
     <footer v-show="footerCopyright" class="footer-copyright">
       Copyright
       Copyright
@@ -81,9 +81,10 @@
     width: 100%;
     width: 100%;
     overflow: hidden;
     overflow: hidden;
     .vab-keel {
     .vab-keel {
-      margin: $base-padding;
+      // margin: $base-padding;
     }
     }
     .app-main-height {
     .app-main-height {
+      // height: calc(100vh - #{$base-nav-bar-height} - #{$base-tabs-bar-height} - #{$base-padding});
       min-height: $base-app-main-height;
       min-height: $base-app-main-height;
     }
     }
 
 

src/router/index.js

@@ -100,30 +100,30 @@ export const asyncRoutes = [
           icon: 'yen-sign',
           icon: 'yen-sign',
         },
         },
       },
       },
-      // {
-      //   path: 'icon',
-      //   component: EmptyLayout,
-      //   redirect: 'noRedirect',
-      //   name: 'Icon',
-      //   meta: {
-      //     title: '图标',
-      //     permissions: ['admin'],
-      //   },
-      //   children: [
-      //     {
-      //       path: 'awesomeIcon',
-      //       name: 'AwesomeIcon',
-      //       component: () => import('@/views/vab/icon/index'),
-      //       meta: { title: '常规图标' },
-      //     },
-      //     {
-      //       path: 'colorfulIcon',
-      //       name: 'ColorfulIcon',
-      //       component: () => import('@/views/vab/icon/colorfulIcon'),
-      //       meta: { title: '多彩图标' },
-      //     },
-      //   ],
-      // },
+      {
+        path: 'icon',
+        component: EmptyLayout,
+        redirect: 'noRedirect',
+        name: 'Icon',
+        meta: {
+          title: '图标',
+          permissions: ['admin'],
+        },
+        children: [
+          {
+            path: 'awesomeIcon',
+            name: 'AwesomeIcon',
+            component: () => import('@/views/vab/icon/index'),
+            meta: { title: '常规图标' },
+          },
+          {
+            path: 'colorfulIcon',
+            name: 'ColorfulIcon',
+            component: () => import('@/views/vab/icon/colorfulIcon'),
+            meta: { title: '多彩图标' },
+          },
+        ],
+      },
       // {
       // {
       //   path: 'table',
       //   path: 'table',
       //   component: () => import('@/views/vab/table/index'),
       //   component: () => import('@/views/vab/table/index'),

src/styles/variables.scss

@@ -56,8 +56,8 @@ $base-tag-item-height: 34px;
 $base-menu-item-height: 50px;
 $base-menu-item-height: 50px;
 //app-main的高度
 //app-main的高度
 $base-app-main-height: calc(
 $base-app-main-height: calc(
-  100vh - #{$base-nav-bar-height} - #{$base-tabs-bar-height} - #{$base-padding} -
-    #{$base-padding} - 55px - 55px
+  100vh - #{$base-nav-bar-height} - #{$base-tabs-bar-height} - #{$base-padding}
+   
 );
 );
 //纵向布局时左侧导航未折叠时的宽度
 //纵向布局时左侧导航未折叠时的宽度
 $base-left-menu-width: 256px;
 $base-left-menu-width: 256px;

src/views/vab/accountProtection/index.vue

 <template>
 <template>
-  <div></div>
+  <div>1111111</div>
 </template>
 </template>
 
 
 <script>
 <script>