Browse Source

航站视图样式问题修改

zhongxiaoyu 2 years ago
parent
commit
b7d7e7ed70

+ 11 - 3
src/views/realTime/components/AirportView/index.scss

@@ -60,15 +60,15 @@
       }
       .el-table-v2__body {
         .el-table-v2__row {
-          &.is-selected {
-            background-color: var(--el-table-current-row-bg-color);
-          }
           &.bg-gray {
             background-color: #d2d6df;
             & + :not(.bg-gray) {
               border-top: 2px solid #e83f82;
             }
           }
+          &.is-selected {
+            background-color: var(--el-table-current-row-bg-color);
+          }
           .el-table-v2__row-cell {
             &.cell-warning {
               background-color: #f6cda5;
@@ -82,6 +82,14 @@
             }
           }
         }
+        .el-virtual-scrollbar {
+          &.el-vl__horizontal {
+            height: 10px !important;
+          }
+          &.el-vl__vertical {
+            width: 10px !important;
+          }
+        }
       }
       .table-footer {
         padding-left: 8px;

+ 2 - 2
src/views/realTime/components/AirportView/index.vue

@@ -44,8 +44,8 @@
             :row-class="rowClass"
             :cell-props="cellPropsGetter"
             :row-event-handlers="rowEventHandlers"
-            :h-scrollbar-size="12"
-            :w-scrollbar-size="12"
+            :h-scrollbar-size="10"
+            :v-scrollbar-size="10"
             scrollbar-always-on
             @scroll="tableScrollHandler"
           >