diff --git a/public/ideContainer/icon/myComp.png b/public/ideContainer/icon/myComp.png
index 6b1532a..b27c453 100644
Binary files a/public/ideContainer/icon/myComp.png and b/public/ideContainer/icon/myComp.png differ
diff --git a/public/ideContainer/icon/myComp_active.png b/public/ideContainer/icon/myComp_active.png
index 2ed92c5..437d22f 100644
Binary files a/public/ideContainer/icon/myComp_active.png and b/public/ideContainer/icon/myComp_active.png differ
diff --git a/public/ideContainer/icon/teamComp.png b/public/ideContainer/icon/teamComp.png
index 295808a..142b88c 100644
Binary files a/public/ideContainer/icon/teamComp.png and b/public/ideContainer/icon/teamComp.png differ
diff --git a/public/ideContainer/icon/teamComp_active.png b/public/ideContainer/icon/teamComp_active.png
index 630a0a6..6d7c28e 100644
Binary files a/public/ideContainer/icon/teamComp_active.png and b/public/ideContainer/icon/teamComp_active.png differ
diff --git a/src/pages/componentDevelopment/componentList/index.tsx b/src/pages/componentDevelopment/componentList/index.tsx
index 8c75aef..a3289a0 100644
--- a/src/pages/componentDevelopment/componentList/index.tsx
+++ b/src/pages/componentDevelopment/componentList/index.tsx
@@ -9,9 +9,24 @@ const GlobalVarContainer = () => {
   const [selectedItem, setSelectedItem] = useState('数字类型');
 
   const menuItems = [
-    '我的组件',
-    '协同组件',
-    '组件审核'
+    {
+      key: '1',
+      label: '我的组件',
+      icon: '/ideContainer/icon/myComp.png',
+      activeIcon: '/ideContainer/icon/myComp_active.png'
+    },
+    {
+      key: '2',
+      label: '协同组件',
+      icon: '/ideContainer/icon/teamComp.png',
+      activeIcon: '/ideContainer/icon/teamComp_active.png'
+    },
+    {
+      key: '3',
+      label: '组件审核',
+      icon: '/ideContainer/icon/compAudit.png',
+      activeIcon: '/ideContainer/icon/compAudit_active.png'
+    }
   ];
 
   return (
@@ -21,10 +36,12 @@ const GlobalVarContainer = () => {
         {menuItems.map((item, index) => (
           <div
             key={index}
-            className={selectedItem === item ? styles['selected'] : ''}
-            onClick={() => setSelectedItem(item)}
+            className={selectedItem === item.label ? styles['selected'] : ''}
+            onClick={() => setSelectedItem(item.label)}
           >
-            {item}
+            <img src={selectedItem === item.label ? item.activeIcon : item.icon} alt=""
+                 style={{ width: 20, height: 20, marginRight: 12 }} />
+            <span>{item.label}</span>
           </div>
         ))}
       </div>