|
|
@@ -1,8 +1,10 @@
|
|
|
<template>
|
|
|
- <div class="tracking-iframe">
|
|
|
+ <div class="tracking-iframe-container">
|
|
|
<el-skeleton :loading="!iframeUrl" animated :rows="5">
|
|
|
<template #default>
|
|
|
- <iframe :src="iframeUrl" frameborder="0"></iframe>
|
|
|
+ <div class="adapt-iframe">
|
|
|
+ <iframe :src="iframeUrl" frameborder="0"></iframe>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-skeleton>
|
|
|
</div>
|
|
|
@@ -55,17 +57,21 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.tracking-iframe {
|
|
|
+.tracking-iframe-container {
|
|
|
width: 100%;
|
|
|
height: calc(
|
|
|
100vh - 2 * var(--el-dialog-margin-top) - 4 *
|
|
|
var(--el-dialog-padding-primary) - 60px
|
|
|
);
|
|
|
|
|
|
- iframe {
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ .adapt-iframe {
|
|
|
+ height: calc(100% + 220px);
|
|
|
+
|
|
|
+ iframe {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|
