diff --git a/server/HoneyBox/src/HoneyBox.Admin/admin-web/src/views/business/config/components/AppSettingCard.vue b/server/HoneyBox/src/HoneyBox.Admin/admin-web/src/views/business/config/components/AppSettingCard.vue
index ca25bbad..29d383ba 100644
--- a/server/HoneyBox/src/HoneyBox.Admin/admin-web/src/views/business/config/components/AppSettingCard.vue
+++ b/server/HoneyBox/src/HoneyBox.Admin/admin-web/src/views/business/config/components/AppSettingCard.vue
@@ -66,12 +66,10 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="余额图标" prop="balance_icon">
-            <div class="icon-input-wrapper">
-              <el-input v-model="formData.balance_icon" placeholder="请输入图标URL" />
-              <div class="icon-preview" v-if="formData.balance_icon">
-                <el-image :src="formData.balance_icon" fit="contain" />
-              </div>
-            </div>
+            <ImageUpload
+              v-model="formData.balance_icon"
+              placeholder="点击上传余额图标"
+            />
           </el-form-item>
         </el-col>
       </el-row>
@@ -84,12 +82,10 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="货币1图标" prop="currency1_icon">
-            <div class="icon-input-wrapper">
-              <el-input v-model="formData.currency1_icon" placeholder="请输入图标URL" />
-              <div class="icon-preview" v-if="formData.currency1_icon">
-                <el-image :src="formData.currency1_icon" fit="contain" />
-              </div>
-            </div>
+            <ImageUpload
+              v-model="formData.currency1_icon"
+              placeholder="点击上传货币1图标"
+            />
           </el-form-item>
         </el-col>
       </el-row>
@@ -102,12 +98,10 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="货币2图标" prop="currency2_icon">
-            <div class="icon-input-wrapper">
-              <el-input v-model="formData.currency2_icon" placeholder="请输入图标URL" />
-              <div class="icon-preview" v-if="formData.currency2_icon">
-                <el-image :src="formData.currency2_icon" fit="contain" />
-              </div>
-            </div>
+            <ImageUpload
+              v-model="formData.currency2_icon"
+              placeholder="点击上传货币2图标"
+            />
           </el-form-item>
         </el-col>
       </el-row>
@@ -213,6 +207,7 @@
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus'
 import { Check } from '@element-plus/icons-vue'
+import ImageUpload from '@/components/ImageUpload/index.vue'
 import { getAppSetting, updateAppSetting, type AppSetting } from '@/api/business/config'
 
 // 加载状态
@@ -381,27 +376,6 @@ onMounted(() => {
   margin-top: 4px;
 }
 
-.icon-input-wrapper {
-  width: 100%;
-}
-
-.icon-preview {
-  margin-top: 8px;
-  width: 40px;
-  height: 40px;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.icon-preview :deep(.el-image) {
-  width: 100%;
-  height: 100%;
-}
-
 :deep(.el-divider__text) {
   font-weight: 600;
   color: #303133;