wzp/v3-admin-vite
Template
1
0
Fork 0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-21 11:29:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: sidebar scroll area is abnormal (#134)

Browse Source 
* fix: sidebar scroll area is abnormal

* fix: display value

* fix: 防止顶部模式垂直滚动

* fix: 'div' should be 'block'

---------

Co-authored-by: pany <939630029@qq.com>
This commit is contained in:
_island 2023-10-07 16:29:43 +08:00 committed by GitHub
parent fc9e188572
commit 5d1eeec01f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/layouts/components/Sidebar/index.vue
View File

@ -47,6 +47,10 @@ const sidebarMenuHoverBgColor = computed(() => {
const tipLineWidth = computed(() => {
return layoutMode.value !== "top" ? "2px" : "0px"
})
// 当为顶部模式时隐藏垂直滚动条
const hiddenScrollbarVerticalBar = computed(() => {
return layoutMode.value === "top" ? "none" : "block"
})
</script>
<template>
@ -97,8 +101,8 @@ const tipLineWidth = computed(() => {
}
.el-scrollbar {
// 多 5% 是为了在顶部模式时不显示垂直滚动条
height: 105%;
// 多 1% 是为了在顶部模式时防止垂直滚动
height: 101%;
:deep(.scrollbar-wrapper) {
// 限制水平宽度
overflow-x: hidden !important;
@ -112,6 +116,10 @@ const tipLineWidth = computed(() => {
// 隐藏水平滚动条
display: none;
}
&.is-vertical {
// 当为顶部模式时隐藏垂直滚动条
display: v-bind(hiddenScrollbarVerticalBar);
}
}
}