update 更换树滚动条

2021-05-26 18:09:25 +08:00
parent 249007c237
commit a8ecb30cab
2 changed files with 41 additions and 85 deletions
--- a/Web/src/assets/style/lib/tree-layout.less
+++ b/Web/src/assets/style/lib/tree-layout.less
@@ -27,28 +27,6 @@
        }
      }
    }
-    .swiper-container {
-      position: absolute;
-      top: @layout-header-height;
-      left: 0;
-      bottom: 0;
-
-      width: 100%;
-      .swiper-slide {
-        height: auto;
-        min-height: 100%;
-      }
-      .swiper-scrollbar {
-        transition: @animation-duration-slow opacity;
-
-        opacity: 0;
-      }
-      &:hover {
-        .swiper-scrollbar {
-          opacity: 1;
-        }
-      }
-    }
  }
  &--bar {
    line-height: 20px;
@@ -66,4 +44,29 @@
      }
    }
  }
+  &--content {
+    position: absolute;
+    top: @layout-header-height;
+    left: 0;
+    bottom: 0;
+
+    overflow-y: auto;
+
+    width: 100%;
+    &::-webkit-scrollbar {
+      width: 5px;
+      height: 5px;
+
+      background-color: @white;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: transparent;
+    }
+    &:hover::-webkit-scrollbar-thumb {
+      background-color: fade(@black, 30%);
+    }
+    &::-webkit-scrollbar-thumb:active {
+      background-color: fade(@black, 45%);
+    }
+  }
 }