From 8790f99a94733c7c3836706c75a77f9bbb15c2ca Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期一, 31 三月 2025 17:09:30 +0800
Subject: [PATCH] layout布局修改，标签卡，列表组件封装
---
src/layouts/components/ElMenu/MenuItem.vue | 23 ++++++++++++++++-------
1 files changed, 16 insertions(+), 7 deletions(-)
diff --git a/src/layouts/components/ElMenu/MenuItem.vue b/src/layouts/components/ElMenu/MenuItem.vue
index 357dfbf..1db373f 100644
--- a/src/layouts/components/ElMenu/MenuItem.vue
+++ b/src/layouts/components/ElMenu/MenuItem.vue
@@ -1,7 +1,7 @@
<template>
<!-- 判断当前页面是否显示，如果hide为true，则不渲染该菜单 -->
- <div v-if="!item.meta.hide && menus.includes(item.meta.privilege)">
- <!-- <div v-if="!item.meta.hide"> -->
+ <!-- <div v-if="!item.meta.hide && menus.includes(item.meta.privilege)"> -->
+ <div v-if="!item.meta.hide">
<!-- 根菜单 -->
<MenuLink :to="resolvePath()" v-if="!item.children">
<el-menu-item :index="resolvePath()">
@@ -77,13 +77,22 @@
};
</script>
<style lang="less" scoped>
-.is-active {
- background-color: rgb(245, 245, 245);
+::v-deep .router-link-exact-active .is-active {
+ background: #EFF8FA;
+ border-radius: 8px;
font-weight: bold;
- color: #000;
+ color: #05908E;
}
-.el-menu {
- border-right: unset !important;
+::v-deep .el-menu-item,
+::v-deep .el-submenu__title {
+ border-radius: 8px;
+ height: 40px;
+ line-height: 40px;
+}
+
+::v-deep .el-menu-item:hover,
+::v-deep .el-submenu__title:hover {
+ background: #EFF8FA;
}
</style>
--
Gitblit v1.7.1