diff --git a/src/views/data/config/editItem.vue b/src/views/data/config/editItem.vue
index f16efaf..e3e4562 100644
--- a/src/views/data/config/editItem.vue
+++ b/src/views/data/config/editItem.vue
@@ -101,9 +101,17 @@
         <template v-else-if="formData.type == 'number'">
           <number-input v-model="formData.value" placeholder="请输入配置项值" />
         </template>
-        <!-- <template v-else-if="formData.type == 'icon'">
-          <IconPicker  class="flex-1" v-model="formData.value" />
-        </template> -->
+        <template v-else-if="formData.type == 'icon'">
+          <icon-picker v-model:icon="formData.value">
+            <template #iconSelect>
+              <a-input v-model:value="formData.value" placeholder="请选择菜单图标">
+                <template #addonBefore>
+                  <component :is="iconComponent(formData.value)" />
+                </template>
+              </a-input>
+            </template>
+          </icon-picker>
+        </template>
         <template v-else-if="formData.type == 'radio'">
           <a-radio-group v-model:value="formData.value">
             <a-radio v-for="(item, index) in optionsData" :value="item.value" :key="index">
@@ -230,6 +238,8 @@
   import UploadImg from '@/components/Upload/Image.vue';
   import UploadImgs from '@/components/Upload/Images.vue';
   import UploadFile from '@/components/Upload/file.vue';
+  import IconPicker from '@/components/icon/picker.vue';
+  import * as VueIcon from '@ant-design/icons-vue';
 
   /**
    * 定义参数变量
@@ -369,7 +379,14 @@
     formData.values = [];
     formData.value = '';
   };
-
+  /**
+   * 定义Icon组件
+   * @param icon 图标
+   */
+   const iconComponent = (icon) => {
+    const IconComponent = VueIcon[icon];
+    return IconComponent;
+  };
   /**
    * 执行提交表单
    */