From ac2474903d30d5a6083f4e35fb2ce36b0210a3e7 Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Sat, 24 Oct 2020 23:32:23 +0200
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/style.scss       | 31 +++++++++++++++----------------
 src/assets/scss/theme/dark.scss  | 12 ++++++++++++
 src/assets/scss/theme/green.scss | 12 ++++++++++++
 src/assets/scss/theme/light.scss | 12 ++++++++++++
 src/assets/scss/theme/pink.scss  | 12 ++++++++++++
 5 files changed, 63 insertions(+), 16 deletions(-)

diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 3c0d624..42023fa 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -183,7 +183,7 @@
 // scroll
 .zy-scroll{
   &::-webkit-scrollbar{
-    width: 5px;
+    width: 10px;
     height: 1px;
   }
   &::-webkit-scrollbar-thumb {
@@ -241,6 +241,20 @@
         overflow-y: auto;
         font-size: 1rem;
       }
+      .el-table__body-wrapper{
+        &::-webkit-scrollbar{
+          width: 10px;
+          height: 1px;
+        }
+        &::-webkit-scrollbar-thumb {
+          border-radius: 10px;
+          position: absolute;
+        }
+        &::-webkit-scrollbar-track {
+          border-radius: 10px;
+          position: absolute;
+        }
+      }
       .el-input{
         width: 200px;
       }
@@ -303,19 +317,4 @@
       box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
     }
   }
-}
-
-.el-table, .el-table__body-wrapper{
-  &::-webkit-scrollbar{
-    width: 5px;
-    height: 1px;
-  }
-  &::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    position: absolute;
-  }
-  &::-webkit-scrollbar-track {
-    border-radius: 10px;
-    position: absolute;
-  }
 }
\ No newline at end of file
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 3d9c38f..e42a5c3 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -399,6 +399,18 @@
           background-color: var(--d-bgc-1);
           border-bottom-color: var(--d-c-2);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--d-bsc-scroll);
+              background: var(--d-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--d-bsc-scroll);
+              background: var(--d-bgc-1);
+            }
+          }
+        }
         .el-table--enable-row-hover .el-table__body tr:hover>td{
           background-color: var(--d-bgc-2);
         }
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index 63c6735..d950491 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -395,6 +395,18 @@
           background-color: var(--g-bgc-1);
           border-bottom-color: var(--g-c-2);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--g-bsc-scroll);
+              background: var(--g-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--g-bsc-scroll);
+              background: var(--g-bgc-1);
+            }
+          }
+        }
         .el-table--enable-row-hover .el-table__body tr:hover>td{
           background-color: var(--g-bgc-2);
         }
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index a7247e2..933c9fe 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -395,6 +395,18 @@
           background-color: var(--l-bgc-1);
           border-bottom-color: var(--l-c-2);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--l-bsc-scroll);
+              background: var(--l-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--l-bsc-scroll);
+              background: var(--l-bgc-1);
+            }
+          }
+        }
         .el-table--enable-row-hover .el-table__body tr:hover>td{
           background-color: var(--l-bgc-2);
         }
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 2f664df..a0ac56f 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -394,6 +394,18 @@
           background-color: var(--p-bgc-1);
           border-bottom-color: var(--p-c-2);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--p-bsc-scroll);
+              background: var(--p-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--p-bsc-scroll);
+              background: var(--p-bgc-1);
+            }
+          }
+        }
         .el-table--enable-row-hover .el-table__body tr:hover>td{
           background-color: var(--p-bgc-2);
         }