Sfoglia il codice sorgente

调节计划右侧页面布局

xiuwei 1 anno fa
parent
commit
e561c413e6
1 ha cambiato i file con 9 aggiunte e 17 eliminazioni
  1. 9 17
      src/views/Articles/index.vue

+ 9 - 17
src/views/Articles/index.vue

@@ -80,7 +80,7 @@
               <el-date-picker
                   v-model="form.date"
                   placeholder="选择日期"
-                  size="mini"
+                  style="width: 150px"
                   type="date">
               </el-date-picker>
             </el-form-item>
@@ -189,8 +189,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -247,25 +248,15 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -278,8 +269,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {