滚动条样式修改

vue/src/asset/style/index.scss

@@ -43,17 +43,23 @@ a:hover {
     text-decoration: none;
 }
 
-//滚动条样式修改
+//非移动端的滚动条样式修改
+@media (min-width: 500px) {
     ::-webkit-scrollbar {
-    height: 6px;
         width: 6px;
 
+        &:horizontal {
+            height: 6px;
+        }
+
         &-thumb {
-        background-color: rgba(#909399, 0.3);
+            width: 6px;
-        transition: .3s background-color;
+            border-radius: 5px;
+            background-color: rgba($--color-primary, 0.8);
 
             &:hover {
-            background: rgba(#909399, 0.5);
+                background-color: rgba($--color-primary, 1);
+            }
         }
     }
 }