工作台样式

src/views/home.vue

@@ -154,7 +154,7 @@ function logout() {
           <el-menu class="el-menu-demo" mode="horizontal" :ellipsis="false">
             <el-sub-menu index="1">
               <template #title>
-                <el-image :src="imgrule1" style="width: 50px; height: 50px" />
+                <el-image :src="imgrule1" style="width: 53px; height: 53px" />
                 <span style="margin-left: 10px">{{ adminData.name }}</span>
               </template>
               <el-menu-item @click="message()">查看个人信息</el-menu-item>
@@ -211,7 +211,7 @@ function logout() {
   left: 0;
   right: 0;
   bottom: 0;
-  background-image: url('@/assets/background.jpg'); /* 请将图片放在assets目录下并修改路径 */
+  background-image: url('@/assets/background.jpg'); 
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
@@ -263,7 +263,7 @@ function logout() {
 
 /* 头部样式 */
 .header {
-  background: rgba(255, 255, 255, 0.85); /* 半透明白色背景 */
+  background: rgba(255, 255, 255, 0.9); /* 半透明白色背景 */
   backdrop-filter: blur(5px); /* 毛玻璃效果 */
   height: 8vh;
   border-radius: 12px;
@@ -311,6 +311,10 @@ function logout() {
   background: transparent !important;
 }
 
+::v-deep(.el-sub-menu__title:hover) {
+  background: transparent !important;
+}
+
 .message-font { /* 个人信息字体样式 */
   font-size: 16px;
   font-weight: bold;
@@ -318,7 +322,7 @@ function logout() {
 
 
 
-/* 确保el-container适应容器 */
+/* 确保全局el-container适应容器 */
 :deep(.el-container) { /* vue3的深度选择器，用于覆盖element-plus的默认样式 */
   min-height: 100%;
   width: 100%;