mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-12-26 18:15:57 +08:00
44 lines
912 B
Vue
44 lines
912 B
Vue
<template>
|
|
<div
|
|
class="page-iframe"
|
|
v-loading="loading"
|
|
style="--el-color-primary: #47fff1"
|
|
element-loading-text="页面正在加载中..."
|
|
element-loading-background="rgba(122, 122, 122, 0.8)"
|
|
>
|
|
<iframe :src="externalUrl" class="iframe" @load="onIframeLoad"></iframe>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { useRouter } from "vue-router";
|
|
import { computed, ref, onMounted } from "vue";
|
|
|
|
const loading = ref(true);
|
|
const router = useRouter();
|
|
const externalUrl = computed(() => {
|
|
loading.value = true;
|
|
return router.currentRoute.value.query.url || "about:blank";
|
|
});
|
|
|
|
// 设置标题
|
|
document.title = router.currentRoute.value.query.title;
|
|
|
|
const onIframeLoad = () => {
|
|
loading.value = false;
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="stylus">
|
|
.page-iframe {
|
|
width 100%
|
|
height 100vh
|
|
overflow hidden
|
|
|
|
.iframe {
|
|
width 100%
|
|
height 100%
|
|
border none
|
|
}
|
|
}
|
|
</style>
|