Browse Source

全局滚动条修改

cz 1 year ago
parent
commit
f203b19073
2 changed files with 24 additions and 24 deletions
  1. 16 16
      src/assets/styles/index.scss
  2. 8 8
      src/components/headerBar/header-bar.vue

+ 16 - 16
src/assets/styles/index.scss

@@ -261,25 +261,25 @@ aside {
 
 
 
-// ::-webkit-scrollbar {
-//   /* 垂直滚动条宽度 */
-//   width: 8px !important;
-//   /* 水平滚动条高度 */
-//   height: 8px !important;
-// }
-
 ::-webkit-scrollbar {
-  width: 0px !important;
-  height: 0px !important;
-
+  /* 垂直滚动条宽度 */
+  width: 8px !important;
+  /* 水平滚动条高度 */
+  height: 8px !important;
 }
 
-:hover {
-  &::-webkit-scrollbar {
-    width: 7px !important;
-    height: 7px !important;
-  }
-}
+// ::-webkit-scrollbar {
+//   width: 0px !important;
+//   height: 0px !important;
+
+// }
+
+// :hover {
+//   &::-webkit-scrollbar {
+//     width: 7px !important;
+//     height: 7px !important;
+//   }
+// }
 
 /* 轨道 */
 ::-webkit-scrollbar-track {

+ 8 - 8
src/components/headerBar/header-bar.vue

@@ -994,15 +994,15 @@ const showSearchStyle = (name) => {
     overflow: auto;
     box-shadow: 2px 0px 0px #eee;
     &::-webkit-scrollbar {
-      width: 0px !important;
-      height: 0px !important;
-    }
-    &:hover {
-      &::-webkit-scrollbar {
-        width: 5px !important;
-        height: 5px !important;
-      }
+      width: 5px !important;
+      height: 5px !important;
     }
+    // &:hover {
+    //   &::-webkit-scrollbar {
+    //     width: 5px !important;
+    //     height: 5px !important;
+    //   }
+    // }
     .layout-box {
       // 瀑布流布局 分四列
       -moz-column-count: 4;