feat(sidebar): 侧边栏图标更换，默认菜单数据增加icon和activeIcon属性

src/pages/ideContainer/config/menuData.ts

@@ -52,6 +52,8 @@ export const menuData2 = [
     path: 'componentList',
     key: 'componentList',
     parentKey: 'componentList',
+    icon: '/ideContainer/icon/appList.png',
+    activeIcon: '/ideContainer/icon/appList_active.png',
     children: null
     // children: [
     //   {
@@ -76,24 +78,39 @@ export const menuData2 = [
   },
   {
     title: '组件编码',
-    children: null,
     path: 'componentCoding',
     key: 'componentCoding',
-    parentKey: 'componentCoding'
+    parentKey: 'componentCoding',
+    icon: '/ideContainer/icon/componentCoding.png',
+    activeIcon: '/ideContainer/icon/componentCoding_active.png',
+    children: null
   },
   {
     title: '组件部署',
-    children: null,
     path: 'componentDeployment',
     key: 'componentDeployment',
-    parentKey: 'componentDeployment'
+    parentKey: 'componentDeployment',
+    icon: '/ideContainer/icon/componentDeployment.png',
+    activeIcon: '/ideContainer/icon/componentDeployment_active.png',
+    children: null
   },
   {
     title: '组件测试',
-    children: null,
     path: 'componentTest',
     key: 'componentTest',
-    parentKey: 'componentTest'
+    parentKey: 'componentTest',
+    icon: '/ideContainer/icon/componentTest.png',
+    activeIcon: '/ideContainer/icon/componentTest_active.png',
+    children: null
+  },
+  {
+    title: '环境配置',
+    path: 'envConfig',
+    key: 'envConfig',
+    parentKey: 'envConfig',
+    icon: '/ideContainer/icon/envConfig.png',
+    activeIcon: '/ideContainer/icon/envConfig_active.png',
+    children: null
   }
 ];
 

src/pages/ideContainer/index.tsx

@@ -30,12 +30,13 @@ const ComponentReview = () => <div style={{ height: '100%', width: '100%' }}>组
 const ComponentCoding = () => <div style={{ height: '100%', width: '100%' }}>组件编码</div>;
 const ComponentDeployment = () => <div style={{ height: '100%', width: '100%' }}>组件部署</div>;
 const ComponentTest = () => <div style={{ height: '100%', width: '100%' }}>组件测试</div>;
+const EnvConfig = () => <div style={{ height: '100%', width: '100%' }}>环境配置</div>;
 
 // 所有可显示的组件路径列表
 const ALL_PATHS = [
   'compFlow', 'appFlow', 'compList', 'appInstance', 'event', 'globalVar', 'appCompList',
   'myComponents', 'matchingComponents', 'componentReview', 'componentList',
-  'componentCoding', 'componentDeployment', 'componentTest'
+  'componentCoding', 'componentDeployment', 'componentTest', 'envConfig'
 ];
 
 function IDEContainer() {
@@ -156,6 +157,8 @@ function IDEContainer() {
         return <ComponentDeployment />;
       case 'componentTest':
         return <ComponentTest />;
+      case 'envConfig':
+        return <EnvConfig />;
       default:
         return <div>未知页面</div>;
     }