32 lines
652 B
Vue
32 lines
652 B
Vue
<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>
|