From 6b4d756a9d53d32e542fd00f5ebba07735c67b50 Mon Sep 17 00:00:00 2001 From: wujun <wj2@assurepharma.cn> Date: 星期二, 09 四月 2024 11:19:04 +0800 Subject: [PATCH] 解决页面偶尔出现的白屏问题 --- src/components/iFrame/index.vue | 21 ++++++++++----------- 1 files changed, 10 insertions(+), 11 deletions(-) diff --git a/src/components/iFrame/index.vue b/src/components/iFrame/index.vue index 3d1cc7b..98f2224 100644 --- a/src/components/iFrame/index.vue +++ b/src/components/iFrame/index.vue @@ -5,23 +5,22 @@ </template> <script setup lang="ts"> -const props = defineProps({ - src: { - type: String, - required: true - } -}) +import { propTypes } from '@/utils/propTypes'; -const height = ref(document.documentElement.clientHeight - 94.5 + "px;") -const loading = ref(true) -const url = computed(() => props.src) +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> -- Gitblit v1.9.3