lilei vor 3 Jahren
Ursprung
Commit
17e5e0853a

+ 1 - 1
src/components/Menu/SideMenu.vue

@@ -1,7 +1,7 @@
 <template>
   <a-layout-sider
     :class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]"
-    width="230px"
+    width="160px"
     :collapsible="collapsible"
     v-model="collapsed"
     :trigger="null">

+ 25 - 11
src/components/custom.less

@@ -6,17 +6,18 @@ body{
     font-size: 12px!important;
   }
   .ant-form-item-label > label{
-    color: #333!important;
+    color: #000!important;
   }
 }
 // 查询条件样式
 .table-page-search-wrapper {
   .ant-form.ant-form-inline{
     .ant-form-item {
-      margin-bottom: 10px;
+      margin-bottom: 10px!important;
       .ant-input,.ant-select-selection{
         border-radius: 2px;
         padding: 0px 11px;
+        font-size: 12px;
       }
       .ant-form-item-label{
         line-height: 32px!important;
@@ -32,7 +33,13 @@ body{
       }
     }
   }
-  .form-model-con{  // a-form-model  有必选条件(因校验提示信息原因,因此边距需高于无必选条件边距)
+  .form-model-con.ant-form.ant-form-inline{  // a-form-model  有必选条件(因校验提示信息原因,因此边距需高于无必选条件边距)
+    // .ant-form-item {
+    //   margin-bottom: 16px!important;
+    //   .ant-form-explain{
+    //     font-size: 12px;
+    //   }
+    // }
     .ant-form-item {
       margin-bottom: 16px!important;
       .ant-form-explain{
@@ -41,14 +48,14 @@ body{
     }
   }
   .table-page-search-submitButtons {
-    margin-bottom: 10px;
+    margin-bottom: 9px;
   }
 }
 // 菜单样式
 .sider {
   .logo {
     h1 {
-      font-size: 15px!important;
+      font-size: 12px!important;
     }
   }
   .ant-menu{
@@ -92,7 +99,7 @@ body{
 // 页签样式
 .multi-tab-con{
   .ant-tabs-nav-container{
-    height: 30px!important;
+    height: 31px!important;
     .ant-tabs-tab{
       padding: 0 8px!important;
       height: 30px!important;
@@ -132,21 +139,28 @@ body{
       .ant-table-header tr th, .ant-table-thead tr th{
         background: #fafafa!important;
         font-weight: bold;
-        color: #333!important;
+        color: #000!important;
+        padding: 5px 5px 2px!important;
       }
     }
   }
   .ant-table-row{
     .ant-table-row-cell-break-word, td{
-      padding: 3px 4px!important;
-      color: #333!important;
+      padding: 2px 4px!important;
+      color: #000!important;
     }
   }
   .ant-pagination.ant-table-pagination{
-    margin: 10px 0;
+    margin: 10px 0 0;
   }
-  .ant-table-small > .ant-table-content > .ant-table-body{
+  .ant-table-small > .ant-table-content .ant-table-body{
     margin: 0;
+    tr:hover{
+      td{
+        background: #ffb60a;
+        color: #fff;
+      }
+    }
   }
 }
 .sTable.fixPagination{

+ 2 - 2
src/components/global.less

@@ -133,7 +133,7 @@ body {
       transition: width 0.2s;
 
       &.ant-header-side-opened {
-        width: calc(100% - 230px);
+        width: calc(100% - 160px);
       }
 
       &.ant-header-side-closed {
@@ -151,7 +151,7 @@ body {
       right:0;
       margin: auto;
       &.ant-header-side-opened {
-        width: calc(100% - 230px);
+        width: calc(100% - 160px);
       }
       
       &.ant-header-side-closed {

+ 2 - 2
src/layouts/BasicLayout.vue

@@ -105,7 +105,7 @@ export default {
         return '0'
       }
       if (this.sidebarOpened) {
-        return '230px'
+        return '160px'
       }
       return '80px'
     }
@@ -148,7 +148,7 @@ export default {
     paddingCalc () {
       let left = ''
       if (this.sidebarOpened) {
-        left = this.isDesktop() ? '230px' : '80px'
+        left = this.isDesktop() ? '160px' : '80px'
       } else {
         left = (this.isMobile() && '0') || ((this.fixSidebar && '80px') || '0')
       }