fix: icon
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user