From 66d7009343d5bb6289d67bec3bb822ba5a5b60b0 Mon Sep 17 00:00:00 2001
From: wangnan <wangnan@l2cplat.com>
Date: Mon, 17 Jun 2019 12:11:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96,=E8=AE=BE=E7=BD=AEAppMain?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E9=AB=98=E5=BA=A6,=E4=BD=BF=E5=BE=97?=
 =?UTF-8?q?=E5=A4=B4=E9=83=A8=E5=9B=BA=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/AppMain.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index a8976380..f7a40227 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="app-main">
+  <section class="app-main" :style="{height: mianHeight+'px'}">
     <transition name="fade-transform" mode="out-in">
       <keep-alive :include="cachedViews">
         <router-view :key="key" />
@@ -11,6 +11,11 @@
 <script>
 export default {
   name: 'AppMain',
+  data() {
+    return {
+      mianHeight: 0
+    }
+  },
   computed: {
     cachedViews() {
       return this.$store.state.tagsView.cachedViews
@@ -18,6 +23,11 @@ export default {
     key() {
       return this.$route.path
     }
+  },
+  created() {
+    window.addEventListener('resize', () => {
+      this.mianHeight = document.documentElement.clientHeight - 34 - 50
+    })
   }
 }
 </script>
@@ -28,7 +38,7 @@ export default {
   min-height: calc(100vh - 50px);
   width: 100%;
   position: relative;
-  overflow: hidden;
+  overflow: auto;
 }
 
 .fixed-header+.app-main {