- <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>