fix:折叠菜单提示

This commit is contained in:
刘玉霞 2024-11-04 10:47:33 +08:00
parent 5eb9c86d57
commit cd2639326b

View File

@ -12,7 +12,9 @@
<template v-else> <template v-else>
<el-menu-item :index="menu.path" :key="menu.path" @click="onClickMenu(menu)"> <el-menu-item :index="menu.path" :key="menu.path" @click="onClickMenu(menu)">
<Icon :color="config.getColorVal('menuColor')" :name="menu.meta?.icon ? menu.meta?.icon : config.layout.menuDefaultIcon" /> <Icon :color="config.getColorVal('menuColor')" :name="menu.meta?.icon ? menu.meta?.icon : config.layout.menuDefaultIcon" />
<span>{{ menu.meta?.menuDesc ? menu.meta?.menuDesc : $t('noTitle') }}</span>
<!-- <span>{{ menu.meta?.menuDesc ? menu.meta?.menuDesc : $t('noTitle') }}</span> -->
<template #title>{{ menu.meta?.menuDesc ? menu.meta?.menuDesc : $t('noTitle') }}</template>
</el-menu-item> </el-menu-item>
</template> </template>
</template> </template>
@ -89,6 +91,15 @@ const onClickSubMenu = (menu: RouteRecordRaw) => {
} }
} }
} }
.el-menu--collapse {
.is-active {
:deep(div) {
> .icon {
color: #ffffff !important;
}
}
}
}
.el-menu-item.is-active { .el-menu-item.is-active {
background-color: #0064aa; background-color: #0064aa;
} }