From af2b11a499251b44cd1bcb748d76ce5bfeafe860 Mon Sep 17 00:00:00 2001
From: sunxs <huxin@123.com>
Date: Fri, 11 Jul 2025 22:44:11 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=AE=A2=E6=B5=81=E5=9F=BA=E6=9C=AC?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E7=95=8C=E9=9D=A2BUG=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/iFrame/index.vue           | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 Dkl-vue3-ui-DP/src/components/iFrame/index.vue

diff --git a/Dkl-vue3-ui-DP/src/components/iFrame/index.vue b/Dkl-vue3-ui-DP/src/components/iFrame/index.vue
new file mode 100644
index 0000000..091b1a2
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/components/iFrame/index.vue
@@ -0,0 +1,31 @@
+<template>
+  <div v-loading="loading" :style="'height:' + height">
+    <iframe 
+      :src="url" 
+      frameborder="no" 
+      style="width: 100%; height: 100%" 
+      scrolling="auto" />
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  src: {
+    type: String,
+    required: true
+  }
+})
+
+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;";
+  };
+})
+</script>