diff --git a/vue/src/asset/style/index.scss b/vue/src/asset/style/index.scss index 83aa0c1..0209eca 100644 --- a/vue/src/asset/style/index.scss +++ b/vue/src/asset/style/index.scss @@ -44,21 +44,23 @@ a:hover { } //非移动端的滚动条样式修改 -@media (min-width: 500px) { - ::-webkit-scrollbar { - width: 6px; +@media (min-width: 768px) { + .scroll-container { + &::-webkit-scrollbar { + width: 6px; - &:horizontal { - height: 6px; - } + &:horizontal { + height: 6px; + } - &-thumb { - width: 6px; - border-radius: 5px; - background-color: rgba($--color-primary, 0.8); + &-thumb { + width: 6px; + border-radius: 5px; + background-color: rgba($--color-primary, 0.8); - &:hover { - background-color: rgba($--color-primary, 1); + &:hover { + background-color: rgba($--color-primary, 1); + } } } } diff --git a/vue/src/layout/component/Sidebar/style.scss b/vue/src/layout/component/Sidebar/style.scss index 4367ea2..8cf37b1 100644 --- a/vue/src/layout/component/Sidebar/style.scss +++ b/vue/src/layout/component/Sidebar/style.scss @@ -74,6 +74,10 @@ $iconSize: 16px; .el-scrollbar { flex: 1; + + &__wrap{ + overflow-x: hidden; + } } } diff --git a/vue/src/layout/component/TagsView/index.vue b/vue/src/layout/component/TagsView/index.vue index 11e1b63..4297294 100644 --- a/vue/src/layout/component/TagsView/index.vue +++ b/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)" - @dblclick.prevent.stop.native="() => closeSelectedTag(tag)" + @contextmenu.prevent.native="e => openMenu(tag, e)" + @dblclick.prevent.native="() => closeSelectedTag(tag)" > {{ tag.title }}