Explorar el Código

修改页面最小宽度

yuanyiming hace 2 años
padre
commit
52ed27405a
Se han modificado 3 ficheros con 11 adiciones y 4 borrados
  1. 4 2
      src/App.vue
  2. 1 0
      src/components/tool/beUpload.vue
  3. 6 2
      src/views/echarts/echarts.vue

+ 4 - 2
src/App.vue

@@ -34,7 +34,8 @@
   }
   }
   html,body{
   html,body{
     height: 100%;
     height: 100%;
-    width: 100%;
+    max-width: 100%;
+    min-width: 700px;
     overflow:hidden ;
     overflow:hidden ;
   }
   }
   .textArea{
   .textArea{
@@ -59,13 +60,14 @@
           color: #fff;
           color: #fff;
           display: flex;
           display: flex;
           justify-content:flex-end;
           justify-content:flex-end;
-          width: 300px;
+          width: 400px;
           .homeExit{
           .homeExit{
             background: #ffffff;
             background: #ffffff;
             color: #000;
             color: #000;
             cursor: pointer;
             cursor: pointer;
             margin-left: 15px;
             margin-left: 15px;
             width: 90px;
             width: 90px;
+            // height: 30px;
           }
           }
         }
         }
     }
     }

+ 1 - 0
src/components/tool/beUpload.vue

@@ -39,6 +39,7 @@ export default {
       e.target.value = "";
       e.target.value = "";
     },
     },
     beforeUpload(event) {
     beforeUpload(event) {
+      console.log(event);
       // const loading = this.openLoading();
       // const loading = this.openLoading();
       var file = event.target.files[0];
       var file = event.target.files[0];
       var credentials = {
       var credentials = {

+ 6 - 2
src/views/echarts/echarts.vue

@@ -99,7 +99,8 @@
     
     
 <style lang="less">
 <style lang="less">
   .midBlock{     //中部大饼
   .midBlock{     //中部大饼
-    width: 100%;
+    max-width: 100%;
+    min-width: 90%;
     height: 400px;
     height: 400px;
     margin-top: 20px;
     margin-top: 20px;
     // background: #ce7070;
     // background: #ce7070;
@@ -112,6 +113,7 @@
       padding: 20px;
       padding: 20px;
       box-sizing: border-box;
       box-sizing: border-box;
       background: #f3f6f7;
       background: #f3f6f7;
+      overflow: hidden;
     }
     }
   }
   }
 
 
@@ -119,8 +121,10 @@
     margin-top: 20px;
     margin-top: 20px;
     box-sizing: border-box;
     box-sizing: border-box;
     padding: 20px;
     padding: 20px;
-    width: 100%;
+    min-width: 90%;
+    max-width: 100%;
     height: 400px;
     height: 400px;
     background: #f3f6f7;
     background: #f3f6f7;
+    overflow: hidden;
   }
   }
 </style>
 </style>