update techytable滚动条

src/views/EquipmentManager/components/TechyTable.vue

@@ -7,7 +7,7 @@
 -->
 <template>
   <div class="visual-base-table-container">
-    <el-table class="techy-el-table" v-loading="isLoading" :data="renderData" border>
+    <el-table class="techy-el-table" v-loading="isLoading" :data="renderData" border height="100%">
       <el-table-column
         v-if="page && limit && showIndex"
         prop="_pageIndex"
@@ -116,11 +116,40 @@ export default {
 </script>
 
 <style scoped>
-.visual-base-table-container,
-.visual-base-table-container >>> .el-table {
-  min-width: 100%;
+.visual-base-table-container >>> ::-webkit-scrollbar {
+  width: calc(8px * var(--beilv));
 }
+
+.visual-base-table-container >>> ::-webkit-scrollbar-track {
+  background-color: #14243f;
+  border-radius: 0;
+}
+
+.visual-base-table-container >>> ::-webkit-scrollbar-button {
+  width: calc(8px * var(--beilv));;
+  height: calc(8px * var(--beilv));;
+  background: #5bc4bf9f;
+  position: relative;
+}
+
+.visual-base-table-container >>> ::-webkit-scrollbar-thumb {
+  border-radius: calc(8px * var(--beilv));;
+  background: #5bc4bf9f;
+}
+
+/* .visual-base-table-container {
+  min-width: 30vw;
+} */
+.visual-base-table-container {
+  height: 100%;
+}
+/* .visual-base-table-container >>> .el-table {
+  min-width: 120%;
+} */
 /* 清除默认样式 */
+.visual-base-table-container >>> th.gutter {
+  display: none;
+}
 .visual-base-table-container >>> table {
   background: transparent;
 }