| | |
|---|
| | | <template> |
|---|
| | | <div :style="'height:' + height"> |
|---|
| | | <iframe |
|---|
| | | :id="iframeId" |
|---|
| | | style="width: 100%; height: 100%" |
|---|
| | | :src="src" |
|---|
| | | frameborder="no" |
|---|
| | | ></iframe> |
|---|
| | | <iframe :id="iframeId" style="width: 100%; height: 100%; border: 0" :src="src"></iframe> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | const props = defineProps({ |
|---|
| | | src: { |
|---|
| | | type: String, |
|---|
| | | default: "/" |
|---|
| | | }, |
|---|
| | | iframeId: { |
|---|
| | | type: String |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { propTypes } from '@/utils/propTypes'; |
|---|
| | | |
|---|
| | | const height = ref(document.documentElement.clientHeight - 94.5 + "px"); |
|---|
| | | const props = defineProps({ |
|---|
| | | src: propTypes.string.def('/'), |
|---|
| | | iframeId: propTypes.string.isRequired |
|---|
| | | }); |
|---|
| | | const height = ref(document.documentElement.clientHeight - 94.5 + 'px'); |
|---|
| | | </script> |
|---|
