fix: menu 高度不一致的问题

This commit is contained in:
xingyu 2022-12-21 13:06:19 +08:00
parent 4bbfffb9fb
commit 0f562e59c2
3 changed files with 4 additions and 2 deletions

View File

@ -2,7 +2,7 @@
import { ElCard } from 'element-plus' import { ElCard } from 'element-plus'
import { propTypes } from '@/utils/propTypes' import { propTypes } from '@/utils/propTypes'
import { useDesign } from '@/hooks/web/useDesign' import { useDesign } from '@/hooks/web/useDesign'
import { ref, onMounted, defineEmits } from 'vue' import { ref, onMounted } from 'vue'
import { Sticky } from '@/components/Sticky' import { Sticky } from '@/components/Sticky'
import { useI18n } from '@/hooks/web/useI18n' import { useI18n } from '@/hooks/web/useI18n'
const { t } = useI18n() const { t } = useI18n()

View File

@ -161,6 +161,7 @@ $prefix-cls: #{$namespace}-menu;
// //
.#{$elNamespace}-sub-menu__title, .#{$elNamespace}-sub-menu__title,
.#{$elNamespace}-menu-item { .#{$elNamespace}-menu-item {
height: 59px;
&:hover { &:hover {
color: var(--left-menu-text-active-color) !important; color: var(--left-menu-text-active-color) !important;
background-color: var(--left-menu-bg-color) !important; background-color: var(--left-menu-bg-color) !important;
@ -170,6 +171,7 @@ $prefix-cls: #{$namespace}-menu;
// //
.#{$elNamespace}-sub-menu.is-active, .#{$elNamespace}-sub-menu.is-active,
.#{$elNamespace}-menu-item.is-active { .#{$elNamespace}-menu-item.is-active {
height: 59px;
color: var(--left-menu-text-active-color) !important; color: var(--left-menu-text-active-color) !important;
background-color: var(--left-menu-bg-active-color) !important; background-color: var(--left-menu-bg-active-color) !important;

View File

@ -85,7 +85,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
meta: { meta: {
canTo: true, canTo: true,
hidden: true, hidden: true,
noTagsView: true, noTagsView: false,
icon: 'ep:user', icon: 'ep:user',
title: t('common.profile') title: t('common.profile')
} }