index.vue 557 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <div class="officeCenterBox">
  3. <iframe :src="iframeUrl"></iframe>
  4. </div>
  5. </template>
  6. <script setup lang="ts">
  7. defineOptions({
  8. name: 'CreateNewOffice'
  9. })
  10. const { query } = useRoute() // 查询参数
  11. const iframeUrl: string = query['url']
  12. </script>
  13. <style lang="scss" scoped>
  14. .officeCenterBox {
  15. margin-top: 20px;
  16. height: calc(100% - 20px);
  17. background-color: #fff;
  18. border-radius: 20px;
  19. position: relative;
  20. text-align: center;
  21. overflow: hidden;
  22. > iframe {
  23. width: 100%;
  24. height: 100%;
  25. border: 0px;
  26. }
  27. }
  28. </style>