From 5e1187bab526e8a26081584833b6ba18b8ab8da1 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Thu, 9 Oct 2025 16:51:57 +0800
Subject: [PATCH] fix: icon

---
 apps/web-ele/src/components/upload/image-upload.vue    | 10 +++++-----
 .../src/components/captcha/verification/index.vue      |  4 +++-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/apps/web-ele/src/components/upload/image-upload.vue b/apps/web-ele/src/components/upload/image-upload.vue
index f57775656..e8cc6a889 100644
--- a/apps/web-ele/src/components/upload/image-upload.vue
+++ b/apps/web-ele/src/components/upload/image-upload.vue
@@ -13,7 +13,7 @@ import type { AxiosProgressEvent } from '#/api/infra/file';
 
 import { nextTick, ref, toRefs, watch } from 'vue';
 
-import { Plus } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { isFunction, isObject, isString } from '@vben/utils';
 
@@ -274,11 +274,11 @@ const triggerEdit = () => {
         <img :src="fileList[0].url" class="upload-image" />
         <div class="upload-handle">
           <div class="handle-icon" @click="handlePreview(fileList[0]!)">
-            <i class="el-icon el-icon-zoom-in"></i>
+            <IconifyIcon icon="lucide:circle-plus" />
             <span>详情</span>
           </div>
           <div v-if="!disabled" class="handle-icon" @click="triggerEdit">
-            <i class="el-icon el-icon-edit"></i>
+            <IconifyIcon icon="lucide:edit" />
             <span>编辑</span>
           </div>
           <div
@@ -286,7 +286,7 @@ const triggerEdit = () => {
             class="handle-icon"
             @click="handleRemove(fileList[0]!)"
           >
-            <i class="el-icon el-icon-delete"></i>
+            <IconifyIcon icon="lucide:trash" />
             <span>删除</span>
           </div>
         </div>
@@ -313,7 +313,7 @@ const triggerEdit = () => {
         }"
       >
         <div class="upload-content flex flex-col items-center justify-center">
-          <Plus />
+          <IconifyIcon icon="lucide:plus" />
         </div>
       </ElUpload>
     </template>
diff --git a/packages/effects/common-ui/src/components/captcha/verification/index.vue b/packages/effects/common-ui/src/components/captcha/verification/index.vue
index 49520e821..c6ed00320 100644
--- a/packages/effects/common-ui/src/components/captcha/verification/index.vue
+++ b/packages/effects/common-ui/src/components/captcha/verification/index.vue
@@ -7,6 +7,8 @@ import type { VerificationProps } from './typing';
 
 import { defineAsyncComponent, markRaw, ref, toRefs, watchEffect } from 'vue';
 
+import { IconifyIcon } from '@vben/icons';
+
 import './verify.css';
 
 defineOptions({
@@ -112,7 +114,7 @@ defineExpose({
       <div v-if="mode === 'pop'" class="verifybox-top">
         {{ $t('ui.captcha.title') }}
         <span class="verifybox-close" @click="onClose">
-          <i class="iconfont icon-close"></i>
+          <IconifyIcon icon="lucide:x" class="size-5" />
         </span>
       </div>
       <div