修复: 解决部分页面切换动画抖动问题;

src/components/transition/PageToggleTransition.vue

@@ -76,12 +76,12 @@
   .page-toggle-enter-active{
     position: absolute !important;
     animation-duration: 0.6s !important;
-    width: calc(100% - 48px);
+    width: calc(100%);
   }
   .page-toggle-leave-active{
     position: absolute !important;
     animation-duration: 0.6s !important;
-    width: calc(100% - 48px);
+    width: calc(100%);
   }
   .page-toggle-enter{
   }

src/layouts/MenuView.vue

@@ -14,12 +14,14 @@
           <span slot="tab" :pagekey="page.fullPath">{{page.name}}</span>
         </a-tab-pane>
       </a-tabs>
-      <page-toggle-transition :animate="animate.name" :direction="animate.direction">
-        <keep-alive v-if="multiPage">
-          <router-view />
-        </keep-alive>
-        <router-view v-else />
-      </page-toggle-transition>
+      <div class="menu-view-content">
+        <page-toggle-transition :animate="animate.name" :direction="animate.direction">
+          <keep-alive v-if="multiPage">
+            <router-view />
+          </keep-alive>
+          <router-view v-else />
+        </page-toggle-transition>
+      </div>
   </global-layout>
 </template>
 
@@ -160,8 +162,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-  .menu-view{
-    .menu-view-content{
-    }
+  .menu-view-content{
+    position: relative;
   }
 </style>

src/layouts/PageLayout.vue

@@ -67,7 +67,7 @@ export default {
   }
   .page-content{
     position: relative;
-    padding: 24px 24px 0;
+    padding: 24px 0 0;
     &.side{
     }
     &.head{