update 滑动条

src/views/3DOverview/components/LeftContentEquipmentCheck.vue

@@ -104,7 +104,7 @@ export default {
   color: #fff9;
   border: 0;
   height: 100%;
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 
 .el-table-wrapper >>> .el-table th.is-leaf,

src/views/3DOverview/components/LeftContentOrder.vue

@@ -90,7 +90,7 @@ export default {
 
 .left-content-equipment-check > div {
   overflow: hidden;
-  overflow-x: scroll;
+  overflow-x: auto;
 }
 
 .el-table-wrapper >>> * {

src/views/3DOverview/components/RightContentAlert.vue

@@ -73,7 +73,7 @@ export default {
   color: #fff9;
   border: 0;
   height: 100%;
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 
 .el-table-wrapper >>> .el-table th.is-leaf,

src/views/3DOverview/components/RightContentQualityAnalysis.vue

@@ -49,7 +49,7 @@ export default {
 .right-content-quality-analysis {
   height: calc(100% - 32px);
   overflow: hidden;
-  overflow-y: scroll; /** 右边会有多的padding给滑道 */
+  overflow-y: auto; /** 右边会有多的padding给滑道 */
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-auto-rows: min-content;

src/views/3DOverview/index.vue

@@ -162,6 +162,28 @@ export default {
   position: relative;
 }
 
+#v3d-outter *::-webkit-scrollbar {
+  width: 8px;
+}
+
+#v3d-outter *::-webkit-scrollbar-track {
+  background-color: #14243F;
+  /* background-color: white; */
+  border-radius: 0;
+}
+
+#v3d-outter *::-webkit-scrollbar-button {
+  width: 8px;
+  height: 8px;
+  background: #5bc4bf9f;
+  position: relative;
+}
+
+#v3d-outter *::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  background: #5bc4bf9f;
+}
+
 #v3d-main-content {
   width: 100%;
   height: 100%;