修复了滚动条

src/App.vue

@@ -12,4 +12,5 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 </style>

src/components/NavTop.vue

@@ -37,6 +37,7 @@
 .nav{
     display: flex;
     background-color: #fff;
+    min-width: 1366px;
     .logo{
         width: 171px;
         height: 57px;

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>