Commit 0f562e59c2e8cf73a05fe8f7e7d924d3a85f33e5
1 parent
4bbfffb9
fix: menu 高度不一致的问题
Showing
3 changed files
with
4 additions
and
2 deletions
yudao-ui-admin-vue3/src/components/ContentDetailWrap/src/ContentDetailWrap.vue
| ... | ... | @@ -2,7 +2,7 @@ |
| 2 | 2 | import { ElCard } from 'element-plus' |
| 3 | 3 | import { propTypes } from '@/utils/propTypes' |
| 4 | 4 | import { useDesign } from '@/hooks/web/useDesign' |
| 5 | -import { ref, onMounted, defineEmits } from 'vue' | |
| 5 | +import { ref, onMounted } from 'vue' | |
| 6 | 6 | import { Sticky } from '@/components/Sticky' |
| 7 | 7 | import { useI18n } from '@/hooks/web/useI18n' |
| 8 | 8 | const { t } = useI18n() | ... | ... |
yudao-ui-admin-vue3/src/layout/components/Menu/src/Menu.vue
| ... | ... | @@ -161,6 +161,7 @@ $prefix-cls: #{$namespace}-menu; |
| 161 | 161 | // 设置子菜单悬停的高亮和背景色 |
| 162 | 162 | .#{$elNamespace}-sub-menu__title, |
| 163 | 163 | .#{$elNamespace}-menu-item { |
| 164 | + height: 59px; | |
| 164 | 165 | &:hover { |
| 165 | 166 | color: var(--left-menu-text-active-color) !important; |
| 166 | 167 | background-color: var(--left-menu-bg-color) !important; |
| ... | ... | @@ -170,6 +171,7 @@ $prefix-cls: #{$namespace}-menu; |
| 170 | 171 | // 设置选中时的高亮背景和高亮颜色 |
| 171 | 172 | .#{$elNamespace}-sub-menu.is-active, |
| 172 | 173 | .#{$elNamespace}-menu-item.is-active { |
| 174 | + height: 59px; | |
| 173 | 175 | color: var(--left-menu-text-active-color) !important; |
| 174 | 176 | background-color: var(--left-menu-bg-active-color) !important; |
| 175 | 177 | ... | ... |
yudao-ui-admin-vue3/src/router/modules/remaining.ts