全局样式 表格 滚动条

mes-ui/mes-ui-admin-vue3/src/styles/cus.scss

@@ -42,10 +42,15 @@
   border-radius: 10px !important;
 }
 
+.hl-table {
+  width: 100%;
+}
 .hl-table thead {
   color: #1d2129;
 }
-
+.hl-table_header{
+  color: red;
+}
 .hl-table thead th.el-table__cell {
   padding: 15px 0 !important;
   background-color: #f7f8fa;
@@ -139,3 +144,28 @@
     }
   }
 }
+
+
+/* ---el-table滚动条公共样式--- */
+.el-scrollbar {
+  // 横向滚动条
+  .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb {
+    display: block;
+    bottom: 5px;
+    opacity: 1; // 默认滚动条自带透明度
+    height: 10px; // 横向滑块的宽度
+    border-radius: 5px; // 圆角度数
+    // background-color: rgba(136, 219, 255, 1); // 滑块背景色
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); // 滑块阴影
+  }
+  // 纵向滚动条
+  .el-scrollbar__bar.is-vertical .el-scrollbar__thumb {
+    opacity: 1;
+    padding: 0 4px;
+    display: block;
+    right: 5px;
+    border-radius: 5px; // 圆角度数
+    // background-color: rgba(136, 219, 255, 1);
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
+  }
+}