From 9968d14c393e6362192039d797cd58758a8fc89f Mon Sep 17 00:00:00 2001
From: 落叶橘橙 <wzsdch@qq.com>
Date: 星期四, 25 四月 2024 10:15:20 +0800
Subject: [PATCH] update src/components/ImagePreview/index.vue. 图片预览功能 let real_src_list = props.src.split(',');会多出一个''对象，会导致图片浏览时多一个空白预览。增加一个判空。
---
src/components/iFrame/index.vue | 35 +++++++++++++++++------------------
1 files changed, 17 insertions(+), 18 deletions(-)
diff --git a/src/components/iFrame/index.vue b/src/components/iFrame/index.vue
index aff55e7..98f2224 100644
--- a/src/components/iFrame/index.vue
+++ b/src/components/iFrame/index.vue
@@ -1,27 +1,26 @@
-<script setup lang="ts">
-const props = defineProps({
- src: {
- type: String,
- required: true
- }
-})
+<template>
+ <div v-loading="loading" :style="'height:' + height">
+ <iframe :src="url" frameborder="no" style="width: 100%; height: 100%" scrolling="auto" />
+ </div>
+</template>
-const height = ref(document.documentElement.clientHeight - 94.5 + "px;")
-const loading = ref(true)
-const url = computed(() => props.src)
+<script setup lang="ts">
+import { propTypes } from '@/utils/propTypes';
+
+const props = defineProps({
+ src: propTypes.string.isRequired
+});
+
+const height = ref(document.documentElement.clientHeight - 94.5 + 'px;');
+const loading = ref(true);
+const url = computed(() => props.src);
onMounted(() => {
setTimeout(() => {
loading.value = false;
}, 300);
window.onresize = function temp() {
- height.value = document.documentElement.clientHeight - 94.5 + "px;";
+ height.value = document.documentElement.clientHeight - 94.5 + 'px;';
};
-})
+});
</script>
-
-<template>
- <div v-loading="loading" :style="'height:' + height">
- <iframe :src="url" frameborder="no" style="width: 100%; height: 100%" scrolling="auto" />
- </div>
-</template>
--
Gitblit v1.9.3