From c2ee1c0cbdb34ce415efb6240aef5f524cf3493e Mon Sep 17 00:00:00 2001
From: ltlzx <942659938@qq.com>
Date: Thu, 21 Apr 2022 10:53:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/main.css    |  8 +++++---
 src/components/Header.vue  |  3 ++-
 src/components/Home.vue    | 27 +++++++++++++++++++--------
 src/components/Sidebar.vue |  2 +-
 4 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 199bb30..b286bd5 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -8,7 +8,7 @@ body,
 .wrapper {
     width: 100%;
     height: 100%;
-    overflow: hidden;
+    /* overflow: hidden; */
 }
 body {
   font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
@@ -29,13 +29,15 @@ body {
 .body{
   padding: 0 20px;
   padding-top: 20px;
+
 }
 .query{
   height: 105px;
   background-color: white;
   padding-left: 36px;
   padding-right: 30px;
-  min-width: 1460px;
+  /* min-width: 1460px; */
+
 }
 .f_title{
   font-size:16px
@@ -78,7 +80,7 @@ body {
   padding-right: 30px;
   box-sizing: border-box;
   overflow-y: auto;
-  min-width: 1460px;
+  /* min-width: 1460px; */
 }
 .table_title{
   display: flex;
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 5c75bc4..8585081 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -40,7 +40,8 @@ export default {
     color: white;
   }
   .header{
-    width: 100%;
+    /* width: 100%; */
+    min-width: 1903px;
     height: 65px;
     display: flex;
     align-items: center;
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 9e34447..2efc007 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -3,13 +3,15 @@
     <v-head :name="data.accountName"></v-head>
     <div class="bootm">
       <v-sidebar :auth="data.auth"></v-sidebar>
-      <div class="content-box">
-        <div class="content">
-          <transition name="move" mode="out-in">
-            <router-view></router-view>
-          </transition>
+      <!-- <div> -->
+        <div class="content-box">
+          <div class="content">
+            <transition name="move" mode="out-in">
+              <router-view></router-view>
+            </transition>
+          </div>
         </div>
-      </div>
+      <!-- </div> -->
     </div>
   </div>
 </template>
@@ -72,18 +74,27 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
+  .wrapper{
+    overflow:auto;
+    /* overflow: overlay */
+  }
   .content-box{
-    width: 100%;
+    min-height:903px;
+    min-width: 1700px;
     border-top: 2px solid #9A9A9A;
     border-left: 2px solid #9A9A9A;
     background: #F0F2F5;
     box-sizing: border-box;
+    /* overflow: auto; */
+
   }
   .content{
 
   }
   .bootm{
     display: flex;
-    height: 100%;
+    /* height: 100%; */
+    /* min-height:903px; */
+    background: #F0F2F5;
   }
 </style>
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 0a76663..47ab3cd 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -196,7 +196,7 @@ export default {
 <style scoped>
   .sidebar_body{
     width: 200px;
-    height: 100%;
+    /* height: 100%; */
   }
   .sidebar{
     height: 100%;