管理后台-table滚动条样式

htmldev/manage/src/App.vue

@@ -10,17 +10,20 @@ export default {
 }
 </script>
 <style lang="scss">
-::-webkit-scrollbar {
-  width: 10px;
-  height: 1px;
-}
+.el-table {
+  .el-table__body-wrapper {
+    &::-webkit-scrollbar-track-piece {
+      background: #d3dce6;
+    }
 
-::-webkit-scrollbar-thumb {
-  background: #C1C1C1;
-  border-radius: 10px;
-}
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
 
-::-webkit-scrollbar-track {
-  background: #E8E8E8;
+    &::-webkit-scrollbar-thumb {
+      background: #99a9bf;
+      border-radius: 6px;
+    }
+  }
 }
 </style>