37 lines
742 B
Vue
37 lines
742 B
Vue
|
<template>
|
||
|
|
<div v-loading="loading" :style="'height:' + height">
|
||
|
|
<iframe
|
||
|
|
:src="src"
|
||
|
|
frameborder="no"
|
||
|
|
style="width: 100%; height: 100%"
|
||
|
|
scrolling="auto"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
src: {
|
||
|
|
type: String,
|
||
|
|
required: true
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
height: document.documentElement.clientHeight - 94.5 + "px;",
|
||
|
|
loading: true,
|
||
|
|
url: this.src
|
||
|
|
};
|
||
|
|
},
|
||
|
|
mounted: function () {
|
||
|
|
setTimeout(() => {
|
||
|
|
this.loading = false;
|
||
|
|
}, 300);
|
||
|
|
const that = this;
|
||
|
|
window.onresize = function temp() {
|
||
|
|
that.height = document.documentElement.clientHeight - 94.5 + "px;";
|
||
|
|
};
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|