优化编辑弹出框明细表样式

Author: cq-panda

Vol.Vue/src/assets/css/ViewGrid.less

@@ -54,29 +54,6 @@
           border-top-left-radius: 0;
         }
       }
-      // .btn-group button {
-      //   margin-left: 10px;
-      //   // padding: 5px 16px;
-      // }
-      // .btn-group .dropdown {
-      //   position: relative;
-      //   padding: 5px 34px 5px 10px;
-      // }
-      // .btn-group .dropdown span i.ivu-icon-ios-arrow-down {
-      //   top: 0px;
-      //   height: 34px;
-      //   border-left: 1px solid;
-      //   height: 100%;
-      //   position: absolute;
-      //   margin-left: 10px;
-      //   padding: 9px 5px 5px 5px;
-      // }
-      // .btn-group .dropdown .ivu-dropdown {
-      //   bottom: 0;
-      //   right: 0;
-      //   left: 0;
-      //   position: absolute;
-      // }
       .btn-group .ivu-dropdown-item {
         text-align: left !important;
       }
@@ -136,9 +113,8 @@
     //box-shadow: 0 1px 7px rgb(199, 199, 199);
   }
   > div.table-item{
-    // padding: 0px 16px 12px 16px;
-    border: 1px solid #e8e8e8;
-    box-shadow: 0 1px 7px rgb(199, 199, 199);
+    padding: 0 10px;
+    border-top: 1px solid #eee;
   }
     .v-text{
       line-height: 27px;
@@ -181,24 +157,15 @@
     margin-left: 10px;
     padding: 4px 13px;
   }
-  .grid-detail{
-    // margin-left:16px;
-    // // margin-top:-28px;
-    // padding-bottom: 16px;
-  }
+  // .grid-detail{
+  // }
  .toolbar{
-  padding: 3px 15px;
+  padding: 3px 0px;
   width: 100%;
-   display: flex;
-  //  padding: 3px;
-   border-top: 1px solid #eae9e9;
-  // border-top-left-radius: 5px;
-  // // background: #37aba0;
-  // border-top-right-radius: 5px;
-    // border: 1px solid #f1f1f1;
+  display: flex;
    .title{
     line-height: 28px;
-    border-bottom: 2px solid #03A9F4;
+    border-bottom: none;
     font-size: 14px;
     font-weight: bolder;
     margin-bottom: 0;

开发版dev/Vue.NetCore/Vol.Vue/src/assets/css/ViewGrid.less

@@ -54,29 +54,6 @@
           border-top-left-radius: 0;
         }
       }
-      // .btn-group button {
-      //   margin-left: 10px;
-      //   // padding: 5px 16px;
-      // }
-      // .btn-group .dropdown {
-      //   position: relative;
-      //   padding: 5px 34px 5px 10px;
-      // }
-      // .btn-group .dropdown span i.ivu-icon-ios-arrow-down {
-      //   top: 0px;
-      //   height: 34px;
-      //   border-left: 1px solid;
-      //   height: 100%;
-      //   position: absolute;
-      //   margin-left: 10px;
-      //   padding: 9px 5px 5px 5px;
-      // }
-      // .btn-group .dropdown .ivu-dropdown {
-      //   bottom: 0;
-      //   right: 0;
-      //   left: 0;
-      //   position: absolute;
-      // }
       .btn-group .ivu-dropdown-item {
         text-align: left !important;
       }
@@ -136,9 +113,8 @@
     //box-shadow: 0 1px 7px rgb(199, 199, 199);
   }
   > div.table-item{
-    // padding: 0px 16px 12px 16px;
-    border: 1px solid #e8e8e8;
-    box-shadow: 0 1px 7px rgb(199, 199, 199);
+    padding: 0 10px;
+    border-top: 1px solid #eee;
   }
     .v-text{
       line-height: 27px;
@@ -181,24 +157,15 @@
     margin-left: 10px;
     padding: 4px 13px;
   }
-  .grid-detail{
-    // margin-left:16px;
-    // // margin-top:-28px;
-    // padding-bottom: 16px;
-  }
+  // .grid-detail{
+  // }
  .toolbar{
-  padding: 3px 15px;
+  padding: 3px 0px;
   width: 100%;
-   display: flex;
-  //  padding: 3px;
-   border-top: 1px solid #eae9e9;
-  // border-top-left-radius: 5px;
-  // // background: #37aba0;
-  // border-top-right-radius: 5px;
-    // border: 1px solid #f1f1f1;
+  display: flex;
    .title{
     line-height: 28px;
-    border-bottom: 2px solid #03A9F4;
+    border-bottom: none;
     font-size: 14px;
     font-weight: bolder;
     margin-bottom: 0;