统一前端页面蓝灰换皮样式

ruoyi-ui/src/views/ccdiProject/detail.vue

@@ -446,7 +446,7 @@ export default {
 <style lang="scss" scoped>
 .dpc-detail-container {
   padding: 16px;
-  background: #f0f2f5;
+  background: var(--ccdi-page-bg);
   min-height: calc(100vh - 84px);
 }
 
@@ -457,8 +457,9 @@ export default {
   margin-bottom: 16px;
   padding: 16px 20px;
   background: #ffffff;
-  border-radius: 4px;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+  border: 1px solid var(--ccdi-border);
+  border-radius: 14px;
+  box-shadow: var(--ccdi-shadow);
 
   .header-left {
     display: flex;
@@ -478,8 +479,8 @@ export default {
         h2 {
           margin: 0 0 4px 0;
           font-size: 20px;
-          font-weight: 500;
-          color: #303133;
+          font-weight: 700;
+          color: var(--ccdi-text-primary);
           margin-right: 5px;
         }
       }
@@ -487,7 +488,7 @@ export default {
       .update-time {
         margin: 0;
         font-size: 13px;
-        color: #909399;
+        color: var(--ccdi-text-muted);
       }
     }
   }
@@ -505,15 +506,16 @@ export default {
       .el-menu-item,
       .el-submenu__title {
         font-size: 14px;
-        color: #606266;
+        color: var(--ccdi-text-secondary);
         padding: 0 16px;
         height: 40px;
         line-height: 40px;
         border-bottom: 2px solid transparent;
+        border-radius: 10px 10px 0 0;
 
         &:hover {
-          background-color: #f5f7fa;
-          color: #303133;
+          background-color: #f7fafd;
+          color: var(--ccdi-text-primary);
         }
       }
 
@@ -525,15 +527,15 @@ export default {
 
       // 激活状态：底部下划线 + 蓝色文字
       .el-menu-item.is-active {
-        color: #1890ff;
-        border-bottom: 2px solid #1890ff;
+        color: var(--ccdi-primary);
+        border-bottom: 2px solid var(--ccdi-primary);
         background-color: transparent;
       }
 
       // 下拉菜单激活状态
       .el-submenu.is-active > .el-submenu__title {
-        color: #1890ff;
-        border-bottom: 2px solid #1890ff;
+        color: var(--ccdi-primary);
+        border-bottom: 2px solid var(--ccdi-primary);
       }
 
       // 下拉菜单图标