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