Skip to content

S
sts网站
Commit 3f05ed6f authored by RuoYi's avatar RuoYi
Browse files
Options

封装iframe组件

parent 090ad532
Hide whitespace changes
Inline Side-by-side
Showing with 44 additions and 30 deletions
ruoyi-ui/src/components/iFrame/index.vue 0 → 100644
View file @ 3f05ed6f
<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>
ruoyi-ui/src/views/monitor/druid/index.vue
View file @ 3f05ed6f
<template> <template>
<div v-loading="loading" :style="'height:'+ height"> <i-frame :src="url" />
<iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
</div>
</template> </template>
<script> <script>
import iFrame from "@/components/iFrame/index";
export default { export default {
name: "Druid", name: "Druid",
components: { iFrame },
data() { data() {
return { return {
src: process.env.VUE_APP_BASE_API + "/druid/login.html", url: process.env.VUE_APP_BASE_API + "/druid/login.html"
height: document.documentElement.clientHeight - 94.5 + "px;",
loading: true
}; };
}, },
mounted: function() {
setTimeout(() => {
this.loading = false;
}, 230);
const that = this;
window.onresize = function temp() {
that.height = document.documentElement.clientHeight - 94.5 + "px;";
};
}
}; };
</script> </script>
ruoyi-ui/src/views/tool/swagger/index.vue
View file @ 3f05ed6f
<template> <template>
<div v-loading="loading" :style="'height:'+ height"> <i-frame :src="url" />
<iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
</div>
</template> </template>
<script> <script>
import iFrame from "@/components/iFrame/index";
export default { export default {
name: "Swagger", name: "Swagger",
components: { iFrame },
data() { data() {
return { return {
src: process.env.VUE_APP_BASE_API + "/swagger-ui/index.html", url: process.env.VUE_APP_BASE_API + "/swagger-ui/index.html"
height: document.documentElement.clientHeight - 94.5 + "px;",
loading: true
}; };
}, },
mounted: function() {
setTimeout(() => {
this.loading = false;
}, 230);
const that = this;
window.onresize = function temp() {
that.height = document.documentElement.clientHeight - 94.5 + "px;";
};
}
}; };
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment