src/components/GlobalComponent/breadcrumb.less

@@ -84,9 +84,9 @@
 
   // 悬停效果
   &:hover {
-    // border-color: #0056FF;
+    border-color: #0056FF;
     // transform: translateY(-1px);
-    // box-shadow: 0 4px 8px rgba(0, 86, 255, 0.1);
+    box-shadow: 0 4px 8px rgba(0, 86, 255, 0.1);
   }
 }
 
@@ -96,14 +96,14 @@
   // border-color: #0056FF;
 
   .ant-breadcrumb-link {
-    color: #333333 !important;
+    color: #0056FF !important;
     font-weight: 500;
   }
 }
 
 // 面包屑文本选中状态样式 - 对应第252行代码中的条件样式
 .breadcrumb-item-text-active {
-  color: #333333 !important;
+  color: #0056FF !important;
   font-weight: 500;
 }
 
@@ -156,9 +156,9 @@
 }
 
 .ant-breadcrumb-link:hover {
-  // color: #0056FF !important;
+  color: #0056FF !important;
 }
 
 .ant-breadcrumb-item-active .ant-breadcrumb-link {
-  // color: #0056FF !important;
+  color: #0056FF !important;
 }

src/pages/nav_system_content/SystemContentList.js

@@ -20,7 +20,7 @@ import license from '@/assets/img/license.svg'
 import people from '@/assets/img/people.svg'
 import risk from '@/assets/img/risk.svg'
 import inforicon from '@/assets/img/inforicon.svg'
-import alarm from '@/assets/img/alarm.svg'
+import alarm from '@/assets/business_envmonitoring/alarm.svg'
 import { CustomBreadcrumb } from '@/components/GlobalComponent'
 
 
@@ -223,9 +223,9 @@ const SystemContentList = (props) => {
                         style={{
                             width: 192,
                             height: 42,
-                            borderColor: '#fff',
+                            borderColor: '#3D81FF',
-                            backgroundColor: 'rgba(88, 88, 88, 0.34)',
+                            backgroundColor: '#003AA7',
-                            borderRadius: 8,
+                            borderRadius: 0,
                             color: '#fff',
                             fontSize: 22,
                             fontWeight: 600
@@ -235,8 +235,8 @@ const SystemContentList = (props) => {
                             { value: '环保管理系统', label: '环保管理系统' }
                         ]}
                         dropdownStyle={{
-                            backgroundColor: 'rgba(88, 88, 88, 0.54)',
+                            backgroundColor: '#003AA7',
-                            borderColor: 'rgba(45, 45, 45, 0.22)'
+                            borderColor: '#3D81FF'
                         }}
                         popupClassName="custom-select-dropdown"
                         className="custom-select"
@@ -246,9 +246,9 @@ const SystemContentList = (props) => {
                 <style jsx>{`
                     .custom-select .ant-select-selector {
                         height: 42px !important;
-                        border-radius: 8px !important;
+                        border-radius: 0 !important;
-                        border-color: #fff !important;
+                        border-color: #3D81FF !important;
-                        background-color: rgba(88, 88, 88, 0.34) !important;
+                        background-color: #003AA7 !important;
                         color: #fff !important;
                         fontSize: 22px !important;
                         fontWeight: 600 !important;
@@ -270,7 +270,7 @@ const SystemContentList = (props) => {
                         color: #fff !important;
                     }
                     .custom-select-dropdown .ant-select-item-option-selected {
-                        background-color: rgba(45, 45, 45, 0.22) !important;
+                        background-color: #3D81FF !important;
                         color: #fff !important;
                     }
                     .custom-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) {
@@ -304,8 +304,8 @@ const SystemContentList = (props) => {
                         box-shadow: 0 0 5px 3px rgba(169, 185, 255, 0.33);
                     }
                     .menuToggleBtn:hover {
-                        border: 1px solid rgba(61, 129, 255, 0.1);
+                        border: 1px solid #3D81FF;
-                        background: rgba(61, 129, 255, 0.1);
+                        background: #3D81FF;
                         color: white;
                         transform: scale(1.1);
                     }

src/pages/nav_system_content/SystemContentList.less

@@ -77,11 +77,11 @@
 		width: 230px;
 		overflow-y: auto;
 		overflow-x: hidden;
-		background: linear-gradient(180deg, #00D296 0%, #01B77D 100%);
+		background-color: #2E4CD4;
 
 		.ant-menu-inline,
 		.ant-menu-vertical {
-			background: transparent !important;
+			background: #2E4CD4 !important;
 		}
 
 		// 默认情况字体样式和右边距
@@ -105,7 +105,7 @@
 		// 选中状态样式
 		.ant-menu-item-selected {
 			color: rgba(255, 255, 255, 1) !important;
-			background-color: rgba(45, 45, 45, 0.22) !important;
+			background-color: rgba(255, 255, 255, 0.22) !important;
 		}
 
 		// 选中状态下的文本颜色和右边距