From 5bf4b360499bc3790c5ef1191014d88d29901347 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Fri, 25 Sep 2020 16:54:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BA=86=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue               |  1 +
 src/components/NavTop.vue |  1 +
 src/layout/Mine.vue       | 17 ++++++++++++++---
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a99cb28..d831336 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,4 +12,5 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 </style>
diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index e4548f4..557d2c7 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -37,6 +37,7 @@
 .nav{
     display: flex;
     background-color: #fff;
+    min-width: 1366px;
     .logo{
         width: 171px;
         height: 57px;
diff --git a/src/layout/Mine.vue b/src/layout/Mine.vue
index 4043123..4e543ba 100644
--- a/src/layout/Mine.vue
+++ b/src/layout/Mine.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="mine">
+    <div class="mine" :style="{height:height + 'px'}">
         <NavTop style="flex-shrink:0"></NavTop>
         <div class="body">
             <Menu></Menu>
@@ -13,9 +13,10 @@
 .mine{
     display: flex;
     flex-direction: column;
-    height: 100vh;
     .body{
         display: flex;
+        width: 100%;
+        min-width: 1366px;
         height:  calc(100% - 57px);
         .container{
             width: calc(100% - 171px);
@@ -28,7 +29,7 @@
 }
 </style>
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineComponent, onMounted, ref } from 'vue';
 import Menu from "@/components/Menu.vue";
 import NavTop from "@/components/NavTop.vue"
 
@@ -39,6 +40,16 @@ export default defineComponent({
     },
     setup(){
         console.log(1)
+        const height = ref(0);
+        onMounted(() => {
+            height.value = document.documentElement.clientHeight;
+        })
+        window.onresize=function(){  
+            height.value = document.documentElement.clientHeight;
+        }
+        return {
+            height
+        }
     }
 })
 </script>
\ No newline at end of file