菜单样式优化

src/layout/components/Menu/src/Menu.vue

@@ -100,7 +100,7 @@ export default defineComponent({
 
     const renderMenu = () => {
       return (
-        <ElMenu style="height:100%"
+        <ElMenu
           defaultActive={unref(activeMenu)}
           mode={unref(menuMode)}
           collapse={
@@ -309,5 +309,15 @@ $prefix-cls: #{$namespace}-menu-popper;
 .v-menu .el-menu .el-menu .el-menu-item:not(.is-active):hover{
   background-color: rgb(241,243,244) !important;
 }
+.v-menu .el-menu .el-menu-item:not(.is-active):hover{
+  background-color: rgb(241,243,244) !important;
+}
+.v-menu .el-menu .el-sub-menu.is-active>.el-sub-menu__title:hover{
+  background-color: rgb(241,243,244) !important;
+}
+.v-menu .el-menu .el-sub-menu.is-active>.el-sub-menu__title{
+  background-color: #fff !important;
+  color:#666 !important;
+}
 
 </style>

src/store/modules/app.ts

@@ -77,7 +77,7 @@ export const useAppStore = defineStore('app', {
         // 左侧菜单边框颜色
         leftMenuBorderColor: 'inherit',
         // 左侧菜单背景颜色
-        leftMenuBgColor: 'rgb(241,243,244)',
+        leftMenuBgColor: '#fff',
         // 左侧菜单浅色背景颜色
         leftMenuBgLightColor: '#fff',
         // 左侧菜单选中背景颜色