滚动条样式修改

vue/src/asset/style/index.scss

@@ -44,8 +44,9 @@ a:hover {
 }
 
 //非移动端的滚动条样式修改
-@media (min-width: 500px) {
+@media (min-width: 768px) {
-    ::-webkit-scrollbar {
+    .scroll-container {
+        &::-webkit-scrollbar {
             width: 6px;
 
             &:horizontal {
@@ -63,6 +64,7 @@ a:hover {
             }
         }
     }
+}
 
 .clearfix {
     @include clearfix;

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)"/>