fix: icon

This commit is contained in:
xingyu4j
2025-10-09 16:51:57 +08:00
parent 7533486cf8
commit 5e1187bab5
2 changed files with 8 additions and 6 deletions

View File

@@ -13,7 +13,7 @@ import type { AxiosProgressEvent } from '#/api/infra/file';
import { nextTick, ref, toRefs, watch } from 'vue'; import { nextTick, ref, toRefs, watch } from 'vue';
import { Plus } from '@vben/icons'; import { IconifyIcon } from '@vben/icons';
import { $t } from '@vben/locales'; import { $t } from '@vben/locales';
import { isFunction, isObject, isString } from '@vben/utils'; import { isFunction, isObject, isString } from '@vben/utils';
@@ -274,11 +274,11 @@ const triggerEdit = () => {
<img :src="fileList[0].url" class="upload-image" /> <img :src="fileList[0].url" class="upload-image" />
<div class="upload-handle"> <div class="upload-handle">
<div class="handle-icon" @click="handlePreview(fileList[0]!)"> <div class="handle-icon" @click="handlePreview(fileList[0]!)">
<i class="el-icon el-icon-zoom-in"></i> <IconifyIcon icon="lucide:circle-plus" />
<span>详情</span> <span>详情</span>
</div> </div>
<div v-if="!disabled" class="handle-icon" @click="triggerEdit"> <div v-if="!disabled" class="handle-icon" @click="triggerEdit">
<i class="el-icon el-icon-edit"></i> <IconifyIcon icon="lucide:edit" />
<span>编辑</span> <span>编辑</span>
</div> </div>
<div <div
@@ -286,7 +286,7 @@ const triggerEdit = () => {
class="handle-icon" class="handle-icon"
@click="handleRemove(fileList[0]!)" @click="handleRemove(fileList[0]!)"
> >
<i class="el-icon el-icon-delete"></i> <IconifyIcon icon="lucide:trash" />
<span>删除</span> <span>删除</span>
</div> </div>
</div> </div>
@@ -313,7 +313,7 @@ const triggerEdit = () => {
}" }"
> >
<div class="upload-content flex flex-col items-center justify-center"> <div class="upload-content flex flex-col items-center justify-center">
<Plus /> <IconifyIcon icon="lucide:plus" />
</div> </div>
</ElUpload> </ElUpload>
</template> </template>

View File

@@ -7,6 +7,8 @@ import type { VerificationProps } from './typing';
import { defineAsyncComponent, markRaw, ref, toRefs, watchEffect } from 'vue'; import { defineAsyncComponent, markRaw, ref, toRefs, watchEffect } from 'vue';
import { IconifyIcon } from '@vben/icons';
import './verify.css'; import './verify.css';
defineOptions({ defineOptions({
@@ -112,7 +114,7 @@ defineExpose({
<div v-if="mode === 'pop'" class="verifybox-top"> <div v-if="mode === 'pop'" class="verifybox-top">
{{ $t('ui.captcha.title') }} {{ $t('ui.captcha.title') }}
<span class="verifybox-close" @click="onClose"> <span class="verifybox-close" @click="onClose">
<i class="iconfont icon-close"></i> <IconifyIcon icon="lucide:x" class="size-5" />
</span> </span>
</div> </div>
<div <div