admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复处于顶部模式时 el-menu 未自适应宽度去折叠的问题 (#153)

Browse Source 
Co-authored-by: pany <939630029@qq.com>
This commit is contained in:
dingzhen 2024-01-04 22:59:02 +08:00 committed by GitHub
parent 56f294d51c
commit 9510639b49
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/layouts/components/Sidebar/SidebarItem.vue
View File

@ -60,10 +60,7 @@ const resolvePath = (routePath: string) => {
</script> </script>
<template> <template>
<div <div :class="{ 'simple-mode': props.isCollapse && !isTop, 'first-level': props.isFirstLevel }">
v-if="!props.item.meta?.hidden"
:class="{ 'simple-mode': props.isCollapse && !isTop, 'first-level': props.isFirstLevel }"
>
<template v-if="!alwaysShowRootMenu && theOnlyOneChild && !theOnlyOneChild.children"> <template v-if="!alwaysShowRootMenu && theOnlyOneChild && !theOnlyOneChild.children">
<SidebarItemLink v-if="theOnlyOneChild.meta" :to="resolvePath(theOnlyOneChild.path)"> <SidebarItemLink v-if="theOnlyOneChild.meta" :to="resolvePath(theOnlyOneChild.path)">
<el-menu-item :index="resolvePath(theOnlyOneChild.path)"> <el-menu-item :index="resolvePath(theOnlyOneChild.path)">

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

@ -29,7 +29,7 @@ const activeMenu = computed(() => {
} = route } = route
return activeMenu ? activeMenu : path return activeMenu ? activeMenu : path
}) })
const noHiddenRoutes = computed(() => permissionStore.routes.filter((item) => !item.meta?.hidden))
const isCollapse = computed(() => !sidebar.value.opened) const isCollapse = computed(() => !sidebar.value.opened)
const isLeft = computed(() => layoutMode.value === "left") const isLeft = computed(() => layoutMode.value === "left")
const isTop = computed(() => layoutMode.value === "top") const isTop = computed(() => layoutMode.value === "top")
@ -68,7 +68,7 @@ const hiddenScrollbarVerticalBar = computed(() => {
:mode="isTop && !isMobile ? 'horizontal' : 'vertical'" :mode="isTop && !isMobile ? 'horizontal' : 'vertical'"
> >
<SidebarItem <SidebarItem
v-for="route in permissionStore.routes" v-for="route in noHiddenRoutes"
:key="route.path" :key="route.path"
:item="route" :item="route"
:base-path="route.path" :base-path="route.path"