From 94096a38327c1577037c2f7e9fa68e90468eb486 Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Thu, 18 Jun 2020 20:02:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D:=20=E8=A7=A3=E5=86=B3?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E9=A1=B5=E9=9D=A2=E5=88=87=E6=8D=A2=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E6=8A=96=E5=8A=A8=E9=97=AE=E9=A2=98;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transition/PageToggleTransition.vue       |  4 ++--
 src/layouts/MenuView.vue                      | 19 ++++++++++---------
 src/layouts/PageLayout.vue                    |  2 +-
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/transition/PageToggleTransition.vue b/src/components/transition/PageToggleTransition.vue
index e8a75b2..feaa9fd 100644
--- a/src/components/transition/PageToggleTransition.vue
+++ b/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{
   }
diff --git a/src/layouts/MenuView.vue b/src/layouts/MenuView.vue
index 9742e02..1e5c9ec 100644
--- a/src/layouts/MenuView.vue
+++ b/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>
diff --git a/src/layouts/PageLayout.vue b/src/layouts/PageLayout.vue
index 5702982..df1c3ac 100644
--- a/src/layouts/PageLayout.vue
+++ b/src/layouts/PageLayout.vue
@@ -67,7 +67,7 @@ export default {
   }
   .page-content{
     position: relative;
-    padding: 24px 24px 0;
+    padding: 24px 0 0;
     &.side{
     }
     &.head{