From 4678f2cd44495c50666221d9bc631e12902a6a3b Mon Sep 17 00:00:00 2001
From: wkc <978997012@qq.com>
Date: Wed, 4 Mar 2026 10:40:30 +0800
Subject: [PATCH] =?UTF-8?q?style(ccdiProject):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E8=8F=9C=E5=8D=95=E7=AE=80=E6=B4=81=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E9=A3=8E=E6=A0=BC=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/ccdiProject/detail.vue | 57 +++++++++++++++++++----
 1 file changed, 48 insertions(+), 9 deletions(-)

diff --git a/ruoyi-ui/src/views/ccdiProject/detail.vue b/ruoyi-ui/src/views/ccdiProject/detail.vue
index cabb6da..4e7e721 100644
--- a/ruoyi-ui/src/views/ccdiProject/detail.vue
+++ b/ruoyi-ui/src/views/ccdiProject/detail.vue
@@ -316,21 +316,42 @@ export default {
   }
 
   .header-right {
-    .action-buttons {
-      display: flex;
-      align-items: center;
-      gap: 12px;
+    .nav-menu {
+      // 移除默认背景色和边框
+      background-color: transparent;
+      border-bottom: none;
 
-      .el-button {
-        padding: 8px 16px;
+      // 菜单项基础样式
+      .el-menu-item,
+      .el-submenu__title {
         font-size: 14px;
+        color: #606266;
+        padding: 0 16px;
+        height: 40px;
+        line-height: 40px;
+        border-bottom: 2px solid transparent;
 
-        .el-icon--right {
-          margin-left: 4px;
+        &:hover {
+          background-color: #f5f7fa;
+          color: #303133;
         }
       }
 
-      .el-tag {
+      // 激活状态：底部下划线 + 蓝色文字
+      .el-menu-item.is-active {
+        color: #1890ff;
+        border-bottom: 2px solid #1890ff;
+        background-color: transparent;
+      }
+
+      // 下拉菜单激活状态
+      .el-submenu.is-active > .el-submenu__title {
+        color: #1890ff;
+        border-bottom: 2px solid #1890ff;
+      }
+
+      // 下拉菜单图标
+      .el-submenu__icon-arrow {
         margin-left: 4px;
       }
     }
@@ -457,4 +478,22 @@ export default {
     }
   }
 }
+
+// 下拉菜单弹窗样式
+::v-deep .el-menu--popup {
+  min-width: 140px;
+
+  .el-menu-item {
+    font-size: 14px;
+
+    &:hover {
+      background-color: #f5f7fa;
+    }
+
+    &.is-active {
+      color: #1890ff;
+      background-color: #e6f7ff;
+    }
+  }
+}
 </style>