From 0f71961d0cc2291673cf58fb14630d4a3b3476af Mon Sep 17 00:00:00 2001 From: MTrun <1262327911@qq.com> Date: Mon, 20 Dec 2021 18:06:08 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E5=9B=BE=E7=89=87=E5=BC=95?= =?UTF-8?q?=E5=85=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/exception/image-404.png | Bin 0 -> 12103 bytes src/utils/utils.ts | 13 ++++++++++++- src/views/login/index.vue | 2 +- .../project/items/components/Card/index.vue | 13 ++++++------- .../items/components/ModalCard/index.vue | 14 +++++++------- 5 files changed, 26 insertions(+), 16 deletions(-) create mode 100644 src/assets/images/exception/image-404.png diff --git a/src/assets/images/exception/image-404.png b/src/assets/images/exception/image-404.png new file mode 100644 index 0000000000000000000000000000000000000000..443045b9c5945d9ab85237e8e801ba99dd06f821 GIT binary patch literal 12103 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 QOk<88HP+A2v%U4-0AgI`kN^Mx literal 0 HcmV?d00001 diff --git a/src/utils/utils.ts b/src/utils/utils.ts index 17b94885..12b22980 100644 --- a/src/utils/utils.ts +++ b/src/utils/utils.ts @@ -20,13 +20,24 @@ export const renderIcon = (icon: any, set = {}) => { } /** - * * 处理 vite 中无法使用 require 的问题 + * * 处理 vite 中无法使用 require 的问题,utils 文件为根路径 + * @param path * @param name * @returns url */ export const requireUrl = (path: string, name: string) => { return new URL(`${path}/${name}`, import.meta.url).href } +/** + * * 获取错误处理图片,默认 404 图 + * @param path + * @param name + * @returns url + */ +export const requireFallbackImg = (path?: string, name?: string) => { + const url = path && name + return new URL(url?`${path}/${name}`: '../assets/images/exception/image-404.png', import.meta.url).href +} export const screenfullFn = (isFullscreen?: boolean, isEnabled?: boolean) => { // 是否是全屏 diff --git a/src/views/login/index.vue b/src/views/login/index.vue index 4a74b54f..c1436f67 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -192,7 +192,7 @@ const bgList = ref([ // 处理url获取 const getImageUrl = (name: string, folder: string) => { - return requireUrl(`../assets/images/${folder}`, `${name}.png`) + return requireUrl(`../assets/images/${folder}/`, `${name}.png`) } // 打乱 diff --git a/src/views/project/items/components/Card/index.vue b/src/views/project/items/components/Card/index.vue index a2712e57..2260227c 100644 --- a/src/views/project/items/components/Card/index.vue +++ b/src/views/project/items/components/Card/index.vue @@ -16,8 +16,11 @@ object-fit="contain" height="200" preview-disabled - :src="requireUrl('.', '20211219181327.png')" + :src=" + requireUrl('../assets/images/project', 'moke-20211219181327.png') + " :alt="cardData.title" + :fallback-src="requireFallbackImg()" /> @@ -76,12 +79,12 @@