Parcourir la source

全局尺寸从2560换算为1920

xjj il y a 2 ans
Parent
commit
2c1c47cce6
1 fichiers modifiés avec 150 ajouts et 162 suppressions
  1. 150 162
      src/Project/pages/global.less

+ 150 - 162
src/Project/pages/global.less

@@ -5,7 +5,7 @@
 // @import '~antd/lib/style/themes/default.less';
 
 .content {
-  padding-top: 53px;
+  padding-top: 38px;
 }
 
 .tabs {
@@ -33,14 +33,14 @@
   position: fixed;
   bottom: 0;
   right: 10px;
-  width: 260px;
-  height: 150px;
+  width: 195px;
+  height: 112px;
   background: white;
-  padding: 20px;
+  padding: 16px;
   z-index: 99999;
 
   p {
-    height: 40px;
+    height: 30px;
     overflow: hidden;
   }
 }
@@ -50,7 +50,7 @@ body {
   height: max-content;
   // background: transparent;
   background: #122c63;
-  font-size: 18px;
+  font-size: 14px;
 
   :global {
     #root {
@@ -75,7 +75,7 @@ body {
 
     .ant-popover-message {
       color: #fff;
-      font-size: 22px;
+      font-size: 18px;
     }
 
     .ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,
@@ -95,16 +95,16 @@ body {
     }
 
     .ant-table table .ant-table-thead>tr>th {
-      font-size: 20px;
+      font-size: 16px;
       font-weight: 500;
       color: #183266;
-      line-height: 22px;
+      line-height: 18px;
       letter-spacing: 2px;
       background: transparent;
     }
 
     .ant-upload-list-item {
-      font-size: 18px;
+      font-size: 14px;
       height: inherit;
 
       &:hover .ant-upload-list-item-info {
@@ -117,12 +117,12 @@ body {
     }
 
     .ant-upload-list-item-name {
-      padding-left: 26px;
+      padding-left: 20px;
     }
 
     .ant-upload-list-item-info .anticon-paper-clip {
       top: 10px;
-      font-size: 18px;
+      font-size: 14px;
       color: #fff;
     }
 
@@ -136,7 +136,7 @@ body {
     .ant-pagination-item {
       background: transparent;
       color: #D7E4E8;
-      font-size: 18px;
+      font-size: 14px;
       border: none !important;
       letter-spacing: 2px;
     }
@@ -156,12 +156,12 @@ body {
     }
 
     .ant-tabs-nav-container {
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-pagination-item a {
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-table table .ant-table-thead>tr>th {
@@ -183,7 +183,7 @@ body {
     .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
       background: transparent;
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-modal-header {
@@ -193,13 +193,13 @@ body {
 
     .ant-modal-title {
       color: #183266;
-      font-size: 22px;
+      font-size: 18px;
       font-weight: 500;
     }
 
     .ant-modal-close-x {
       color: #183266;
-      font-size: 20px;
+      font-size: 16px;
       background: url('@/Project/assets/newUI/modalClose.png');
       background-size: 46% 46%;
       background-repeat: no-repeat;
@@ -231,7 +231,7 @@ body {
 
     .ant-empty-normal {
       color: #fff !important;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-switch {
@@ -243,17 +243,17 @@ body {
     }
 
     .ant-upload-list-item-card-actions.picture {
-      top: 20px;
+      top: 16px;
     }
 
     .ant-upload-list-item-card-actions .anticon {
       color: #ff7875;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
     .ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
-      padding-right: 50px;
+      padding-right: 36px;
     }
 
     h4.ant-typography,
@@ -284,7 +284,7 @@ body {
     .ant-descriptions-item-label,
     .ant-descriptions-item-content {
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-select-tree li span.ant-select-tree-switcher {
@@ -295,15 +295,15 @@ body {
     .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon,
     .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
       color: #fff !important;
-      font-size: 24px !important;
+      font-size: 18px !important;
     }
 
     .ant-select-tree {
       >.ant-select-tree-treenode-switcher-open {
         >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-open {
-          height: 44px;
+          height: 32px;
           padding-top: 8px;
-          font-size: 18px !important;
+          font-size: 14px !important;
           color: #d7e4e8 !important;
           letter-spacing: 1px;
           border-top: 1px solid rgba(153, 231, 255, 0.4);
@@ -311,7 +311,7 @@ body {
         }
 
         >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-close {
-          font-size: 18px !important;
+          font-size: 14px !important;
           color: #d7e4e8 !important;
           letter-spacing: 1px;
           border-top: 1px solid rgba(153, 231, 255, 0.4);
@@ -319,14 +319,14 @@ body {
         }
 
         >.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-normal {
-          font-size: 14px !important;
+          font-size: 10px !important;
           color: #d7e4e8 !important;
           letter-spacing: 1px;
         }
 
         li .ant-select-tree-node-content-wrapper {
           height: auto;
-          font-size: 14px !important;
+          font-size: 10px !important;
           color: #d7e4e8 !important;
           letter-spacing: 1px;
         }
@@ -334,8 +334,8 @@ body {
 
       >.ant-select-tree-treenode-switcher-close {
         >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-close {
-          height: 44px;
-          font-size: 18px;
+          height: 32px;
+          font-size: 14px;
           color: #d7e4e8;
           letter-spacing: 1px;
           border-top: 1px solid rgba(153, 231, 255, 0.4);
@@ -364,8 +364,8 @@ body {
       border-width: 0;
       border-radius: 4px;
       outline: 0;
-      font-size: 18px;
-      padding-left: 20px;
+      font-size: 14px;
+      padding-left: 16px;
       color: #d7e4e8 !important;
       letter-spacing: 1px;
     }
@@ -379,18 +379,18 @@ body {
     }
 
     .ant-select-selection__placeholder {
-      font-size: 22px;
-      height: 46px;
-      line-height: 46px;
+      font-size: 18px;
+      height: 34px;
+      line-height: 34px;
       top: 0;
       margin-top: 0;
     }
 
     .ant-tree li .ant-tree-node-content-wrapper {
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
       height: auto;
-      line-height: 44px;
+      line-height: 32px;
     }
 
     .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
@@ -399,7 +399,7 @@ body {
 
     .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
       color: #333;
-      font-size: 22px;
+      font-size: 18px;
       background: #fff;
     }
 
@@ -409,8 +409,8 @@ body {
 
       .ant-modal-footer {
         .ant-btn {
-          width: 97px;
-          height: 46px;
+          width: 72px;
+          height: 34px;
           background: #d7e4e8 !important;
           box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);
           border-radius: 8px 8px 8px 8px;
@@ -419,13 +419,13 @@ body {
         }
 
         .ant-btn.ant-btn-primary {
-          width: 97px;
-          height: 46px;
+          width: 72px;
+          height: 34px;
           background: #366cda !important;
           box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);
           border-radius: 8px 8px 8px 8px;
           opacity: 1;
-          font-size: 22px;
+          font-size: 18px;
           color: #d7e4e8 !important;
           letter-spacing: 2px;
         }
@@ -447,7 +447,7 @@ body {
     .ant-modal-body,
     .ant-form label,
     .ant-select-dropdown {
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .formItem {
@@ -456,44 +456,44 @@ body {
       align-items: center;
 
       .ant-btn {
-        margin-left: 20px;
+        margin-left: 16px;
       }
     }
 
     .ant-card-head-title {
       display: 'inline-block';
       flex: 1 1;
-      padding: 16px 0;
+      padding: 12px 0;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
-      font-size: 26px;
+      font-size: 20px;
       color: white;
-      margin-left: 50px;
+      margin-left: 36px;
     }
 
     .ant-select-arrow {
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
       right: 3px;
     }
 
     .ant-calendar-range-picker-input {
-      font-size: 18px;
+      font-size: 14px;
       color: #fff;
     }
 
     .ant-calendar-range-picker-separator {
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
       vertical-align: middle;
     }
 
     .ant-btn {
-      height: 46px;
+      height: 34px;
       border-radius: 4px;
       line-height: 1;
-      font-size: 22px;
+      font-size: 18px;
       font-weight: 400;
       letter-spacing: 1px;
       box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);
@@ -522,7 +522,7 @@ body {
 
     .ant-drawer-title,
     .ant-drawer-close {
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-drawer-header {
@@ -553,8 +553,8 @@ body {
 
       .ant-select-dropdown-menu-item {
         color: #ffffff;
-        line-height: 26px;
-        font-size: 18px;
+        line-height: 20px;
+        font-size: 14px;
       }
 
       .ant-select-dropdown-menu-item-selected,
@@ -641,7 +641,7 @@ body {
 
       .ant-calendar-picker-icon {
         color: #fff;
-        font-size: 18px;
+        font-size: 14px;
       }
 
       .ant-calendar-time-picker-select {
@@ -668,7 +668,7 @@ body {
 
     .ant-spin {
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-spin-nested-loading>div>.ant-spin {
@@ -681,22 +681,22 @@ body {
 
     .ant-calendar-picker-clear,
     .ant-calendar-picker-icon {
-      font-size: 18px;
-      margin-top: -12px;
+      font-size: 14px;
+      margin-top: -8px;
       color: #fff;
-      right: 16px;
+      right: 12px;
       background: transparent;
     }
 
     .ant-calendar-picker-clear {
       margin-top: -10px;
       background-color: #1E4D85;
-      right: 17px;
-      font-size: 24px;
+      right: 12px;
+      font-size: 18px;
     }
 
     .ant-calendar-picker-icon {
-      font-size: 20px;
+      font-size: 16px;
       margin-top: -10px;
     }
 
@@ -705,11 +705,11 @@ body {
     }
 
     .ant-table-row-expand-icon {
-      font-size: 18px;
+      font-size: 14px;
       background: transparent;
-      width: 24px;
-      height: 24px;
-      line-height: 18px;
+      width: 18px;
+      height: 18px;
+      line-height: 14px;
     }
 
     .ant-table-fixed-left table,
@@ -719,25 +719,25 @@ body {
     }
 
     .ant-modal {
-      min-width: 860px;
+      min-width: 645px;
     }
 
     .ant-modal-footer {
-      padding: 30px 0;
-      margin: 0 18px; //46px
+      padding: 22px 0;
+      margin: 0 14px; //34px
     }
 
     // .ant-modal-body{
-    //   padding: 24px 46px;
+    //   padding: 18px 34px;
     // }
 
     .ant-alert {
-      padding-left: 50px;
+      padding-left: 36px;
       background: url('@/Project/assets/newUI/tableAlertBg.png') no-repeat center;
       border: none;
       padding-top: 2px;
       padding-bottom: 0;
-      font-size: 18px;
+      font-size: 14px;
 
       &.ant-alert-warning {
         background: #d3b61f;
@@ -752,7 +752,7 @@ body {
       }
 
       &.ant-alert-closable {
-        padding-right: 60px;
+        padding-right: 45px;
       }
 
       a,
@@ -767,7 +767,7 @@ body {
       }
 
       .ant-alert-close-icon {
-        font-size: 18px;
+        font-size: 14px;
         top: 50%;
         transform: translateY(-50%);
 
@@ -778,11 +778,11 @@ body {
     }
 
     .ant-pagination-options-quick-jumper {
-      height: 44px;
-      line-height: 44px;
+      height: 32px;
+      line-height: 32px;
       vertical-align: top;
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
 
       input {
         background: transparent;
@@ -797,17 +797,17 @@ body {
     .ant-descriptions-title {
       font-weight: normal;
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-descriptions-item-label {
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .ant-descriptions-item-content {
       color: #fff;
-      font-size: 18px;
+      font-size: 14px;
     }
 
     // .chartUtils {
@@ -823,9 +823,9 @@ body {
 
     // .dataList {
     //   .searchBox {
-    //     height: 60px;
-    //     flex: 0 0 60px;
-    //     line-height: 60px;
+    //     height: 45px;
+    //     flex: 0 0 45px;
+    //     line-height: 45px;
     //   }
 
     //   .list {
@@ -833,17 +833,17 @@ body {
     //       height: 54px;
     //       text-align: center;
     //       line-height: 54px;
-    //       font-size: 18px;
+    //       font-size: 14px;
     //     }
     //   }
     // }
 
     .ant-form-item {
-      min-height: 46px;
-      margin-bottom: 12px;
+      min-height: 34px;
+      margin-bottom: 8px;
       background: url('@/Project/assets/newUI/item-bg.png') no-repeat center;
       background-size: 100% 100%;
-      padding: 0 20px;
+      padding: 0 16px;
       border-bottom: 1px solid #99e7ff;
 
       &.btn-item {
@@ -857,17 +857,17 @@ body {
       text-align: left;
 
       >label {
-        font-size: 22px;
+        font-size: 18px;
         font-weight: 400;
         color: #c0f0ff;
-        line-height: 46px;
+        line-height: 34px;
         letter-spacing: 2px;
       }
     }
 
     .form-simple {
       .ant-form-item {
-        min-height: 34px;
+        min-height: 26px;
         margin-bottom: 6px;
         background: transparent;
         border-bottom: none;
@@ -875,14 +875,14 @@ body {
 
       .ant-form-item-label {
         >label {
-          font-size: 18px;
+          font-size: 14px;
           color: #d7e4e8;
-          line-height: 34px;
+          line-height: 26px;
         }
       }
 
       .ant-form-item-control {
-        line-height: 34px;
+        line-height: 26px;
         color: #d7e4e8;
       }
     }
@@ -890,9 +890,9 @@ body {
     .ant-input {
       background-color: transparent !important;
       border: none;
-      height: 44px;
+      height: 32px;
       color: #d7e4e8;
-      font-size: 22px;
+      font-size: 18px;
 
       &:focus {
         border: none;
@@ -905,7 +905,7 @@ body {
     }
 
     .ant-calendar-picker {
-      min-width: 230px !important;
+      min-width: 172px !important;
     }
 
     .ant-calendar-picker-input {
@@ -916,7 +916,7 @@ body {
 
     .ant-select {
       color: #d7e4e8;
-      font-size: 22px;
+      font-size: 18px;
       // opacity: 0.8;
     }
 
@@ -926,11 +926,11 @@ body {
     }
 
     .ant-select-selection--single {
-      height: 42px;
+      height: 30px;
     }
 
     .ant-select-selection__rendered {
-      line-height: 44px;
+      line-height: 32px;
     }
 
     .ant-select-focused .ant-select-selection,
@@ -1028,7 +1028,7 @@ body {
     }
 
     .ant-form-item .ant-switch {
-      margin-top: 12px;
+      margin-top: 8px;
       margin-left: 11px;
     }
 
@@ -1065,7 +1065,7 @@ body {
     }
 
     .ant-tabs-nav .ant-tabs-tab {
-      padding: 0 32px;
+      padding: 0 24px;
       margin-right: 0px;
       border-right: 1px solid #D7E4E8;
       vertical-align: middle;
@@ -1085,9 +1085,9 @@ body {
 
     .ant-select-selection__clear {
       right: 4px;
-      width: 18px;
-      height: 18px;
-      font-size: 18px;
+      width: 14px;
+      height: 14px;
+      font-size: 14px;
       background: #1f386e;
       color: #fff;
     }
@@ -1097,24 +1097,24 @@ body {
     }
 
     .ant-select-auto-complete.ant-select .ant-input {
-      height: 46px;
+      height: 34px;
     }
 
     .ant-table-thead>tr>th,
     .ant-table-tbody>tr>td {
-      padding: 10px 14px;
+      padding: 10px 10px;
     }
 
     .ant-input-number-disabled {
       background: transparent;
       color: #fff;
-      font-size: 22px;
-      line-height: 46px;
+      font-size: 18px;
+      line-height: 34px;
     }
 
     .ant-form-item-control {
-      line-height: 44px;
-      font-size: 22px;
+      line-height: 32px;
+      font-size: 18px;
       color: #fff;
     }
 
@@ -1125,8 +1125,8 @@ body {
         color: #183266;
         background: url('@/Project/assets/newUI/collapseTitleBg.png') no-repeat center;
         background-size: 100% 100%;
-        height: 46px;
-        font-size: 20px;
+        height: 34px;
+        font-size: 16px;
         font-weight: 500;
         color: #183266;
         line-height: 1;
@@ -1134,7 +1134,7 @@ body {
         padding: 0;
         display: flex;
         align-items: center;
-        padding-left: 30px;
+        padding-left: 22px;
 
         .ant-collapse-arrow {
           position: static;
@@ -1154,27 +1154,27 @@ body {
     }
 
     .ant-input-number {
-      height: 46px;
+      height: 34px;
       border: none;
       background-color: transparent;
     }
 
     .ant-input-number-input {
-      height: 46px;
+      height: 34px;
       background-color: transparent;
       border: none;
       color: #d7e4e8;
-      font-size: 22px;
+      font-size: 18px;
     }
 
     .ant-empty {
-      font-size: 18px;
-      line-height: 20px;
+      font-size: 14px;
+      line-height: 16px;
       letter-spacing: 1px;
       color: #d7e4e8;
       text-align: center;
-      width: 250px;
-      height: 195px;
+      width: 188px;
+      height: 146px;
       position: relative;
       margin: 0 auto;
 
@@ -1182,7 +1182,7 @@ body {
         height: 100%;
         margin-bottom: 0;
         background: url('@/Project/assets/newUI/nodata.png') no-repeat top center;
-        background-size: 250px 195px;
+        background-size: 188px 146px;
 
         svg {
           display: none;
@@ -1192,7 +1192,7 @@ body {
 
     .ant-empty-description {
       position: absolute;
-      bottom: 14px;
+      bottom: 10px;
       left: 50%;
       transform: translateX(-50%);
     }
@@ -1207,26 +1207,26 @@ body {
       >.ant-modal-content {
         background: url('@/Project/assets/newUI/confirmModalBG.png') no-repeat center;
         background-size: 100% 100%;
-        min-height: 296px;
+        min-height: 222px;
 
         >.ant-modal-body {
-          padding-left: 48px;
-          padding-right: 48px;
-          padding-top: 32px;
+          padding-left: 34px;
+          padding-right: 34px;
+          padding-top: 24px;
 
           >.ant-modal-confirm-body-wrapper {
             >.ant-modal-confirm-btns {
               display: flex;
               justify-content: center;
               width: 100%;
-              margin-top: 36px;
+              margin-top: 26px;
 
               button+button {
-                margin-left: 17px;
+                margin-left: 12px;
               }
 
               button {
-                width: 97px;
+                width: 72px;
               }
             }
           }
@@ -1234,13 +1234,12 @@ body {
       }
 
       .ant-modal-confirm-body {
-        min-height: 151px;
         background: url('@/Project/assets/newUI/confirmBodyBG.png') no-repeat center;
         background-size: 100% 100%;
         width: 100%;
-        min-height: 151px;
-        padding-left: 186px;
-        padding-right: 186px;
+        min-height: 112px;
+        padding-left: 140px;
+        padding-right: 140px;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
@@ -1250,8 +1249,8 @@ body {
         >.anticon {
           background: url('@/Project/assets/newUI/confirmModalIcon.png') no-repeat center;
           background-size: 100% 100%;
-          width: 25px;
-          height: 28px;
+          width: 18px;
+          height: 22px;
           margin-top: 6px;
 
           svg {
@@ -1260,36 +1259,36 @@ body {
         }
 
         >.ant-modal-confirm-title {
-          font-size: 28px !important;
+          font-size: 22px !important;
           font-weight: 500 !important;
           color: #183266 !important;
-          line-height: 33px;
+          line-height: 24px;
           letter-spacing: 2px;
-          height: 75px;
+          height: 56px;
           text-align: center;
-          padding-top: 24px;
+          padding-top: 18px;
         }
 
         .ant-modal-confirm-title+.ant-modal-confirm-content {
           margin-left: 0;
-          min-height: 75px;
+          min-height: 56px;
           margin-top: 0;
           text-align: center;
-          font-size: 22px;
+          font-size: 18px;
           font-weight: 500;
           color: #183266;
-          line-height: 26px;
+          line-height: 20px;
           letter-spacing: 2px;
           width: 100%;
           border-top: 2px solid #183266;
-          padding-top: 14px;
-          padding-bottom: 14px;
+          padding-top: 10px;
+          padding-bottom: 10px;
         }
       }
     }
 
     .ant-form-explain {
-      font-size: 18px;
+      font-size: 14px;
     }
 
     .has-error .ant-form-explain,
@@ -1299,28 +1298,17 @@ body {
   }
 
   ::-webkit-scrollbar {
-    width: 12px;
-    height: 14px;
+    width: 8px;
+    height: 10px;
     border-radius: 10px;
     background: rgba(40, 102, 178, 0.2);
   }
 
   /*滚动条滑块*/
   ::-webkit-scrollbar-thumb {
-    height: 14px;
+    height: 10px;
     border-radius: 10px;
     background-color: rgba(40, 102, 178, 1);
     // background: linear-gradient(270deg, #99e7ff 4%, #60a8ff 100%);
   }
-}
-
-@media screen and (max-width: 860px) {
-  :global {
-    body {
-      .ant-modal {
-        min-width: 85%;
-      }
-
-    }
-  }
 }