滚动条样式修改

vue/src/asset/style/index.scss

@@ -44,21 +44,23 @@ a:hover {
 }
 
 //非移动端的滚动条样式修改
-@media (min-width: 500px) {
+@media (min-width: 768px) {
-    ::-webkit-scrollbar {
+    .scroll-container {
-        width: 6px;
+        &::-webkit-scrollbar {
+            width: 6px;
 
-        &:horizontal {
+            &:horizontal {
-            height: 6px;
+                height: 6px;
-        }
+            }
 
-        &-thumb {
+            &-thumb {
-            width: 6px;
+                width: 6px;
-            border-radius: 5px;
+                border-radius: 5px;
-            background-color: rgba($--color-primary, 0.8);
+                background-color: rgba($--color-primary, 0.8);
 
-            &:hover {
+                &:hover {
-                background-color: rgba($--color-primary, 1);
+                    background-color: rgba($--color-primary, 1);
+                }
             }
         }
     }

vue/src/layout/component/Sidebar/style.scss

@@ -74,6 +74,10 @@ $iconSize: 16px;
 
     .el-scrollbar {
         flex: 1;
+
+        &__wrap{
+            overflow-x: hidden;
+        }
     }
 }
 

vue/src/layout/component/TagsView/index.vue

@@ -8,8 +8,8 @@
                 :class="{'tags-view-item': true, active: isActive(tag)}"
                 :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
                 tag="div"
-                @contextmenu.prevent.stop.native="e => openMenu(tag, e)"
+                @contextmenu.prevent.native="e => openMenu(tag, e)"
-                @dblclick.prevent.stop.native="() => closeSelectedTag(tag)"
+                @dblclick.prevent.native="() => closeSelectedTag(tag)"
             >
                 {{ tag.title }}
                 <i v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="() => closeSelectedTag(tag)"/>