From 53734d8c29572391e328854b9214c025244ff341 Mon Sep 17 00:00:00 2001
From: "liu.shiyi" <liu.shiyi@ustcinfo.com>
Date: Mon, 25 Sep 2023 17:47:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BigScreenDesign/DataViewDialog/index.vue  | 27 ++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/data-room-ui/packages/BigScreenDesign/DataViewDialog/index.vue b/data-room-ui/packages/BigScreenDesign/DataViewDialog/index.vue
index 5e4d8633..ca890c1d 100644
--- a/data-room-ui/packages/BigScreenDesign/DataViewDialog/index.vue
+++ b/data-room-ui/packages/BigScreenDesign/DataViewDialog/index.vue
@@ -220,7 +220,7 @@ export default {
 .bs-data-view-dialog{
   /deep/.el-dialog__body{
     background-color: var(--bs-background-2) !important;
-    overflow-y: auto!important;
+    overflow: auto!important;
     max-height: calc(90vh - 500px) !important;
   }
   .table-box{
@@ -248,7 +248,7 @@ export default {
     color: #bcc9d4;
   }
   .el-table--scrollable-y /deep/.el-table__body-wrapper{
-    //overflow-y: hidden;
+    overflow: auto!important;
   }
   /* 修改滚动条的样式 */
   /deep/.el-dialog__body::-webkit-scrollbar {
@@ -257,7 +257,7 @@ export default {
 
  /deep/.el-dialog__body::-webkit-scrollbar-thumb {
     background-color: #888; /* 滚动条拖动块颜色 */
-    height: 30px;
+    height: 6px;
     border-radius: 5px;
   }
 
@@ -270,4 +270,25 @@ export default {
     background-color: #555;
   }
 }
+/* 自定义滚动条样式 */
+/deep/.el-table__body-wrapper::-webkit-scrollbar {
+  width: 3px; /* 滚动条宽度 */
+  height: 8px;
+}
+
+/deep/.el-table__body-wrapper::-webkit-scrollbar-thumb {
+  background-color: #888; /* 滚动条拖动块颜色 */
+  height: 3px;
+  border-radius: 5px;
+}
+
+/deep/.el-table__body-wrapper::-webkit-scrollbar-track {
+  background-color: transparent; /* 滚动条轨道颜色 */
+}
+
+/* 鼠标悬停在滚动条上时的样式 */
+/deep/.el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
+  background-color: #555;
+  cursor: pointer;
+}
 </style>