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 { propTypes } from '@/utils/propTypes'
import { useDesign } from '@/hooks/web/useDesign'
import { ref, onMounted, defineEmits } from 'vue'
import { ref, onMounted } from 'vue'
import { Sticky } from '@/components/Sticky'
import { useI18n } from '@/hooks/web/useI18n'
const { t } = useI18n()

View File

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

View File

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