<script setup lang="ts">
const sceneId = ref("");
const route = useRoute();
onMounted(() => {
  sceneId.value = route.query.code;
  console.log(sceneId.value);

});
</script>

<template>
  <div class="scene">
    <iframe
      class="irf"
      :src="`https://www.4dmodel.com/SuperTwo/index.html?m=${sceneId}`"
      frameborder="0"
    ></iframe>
  </div>
</template>

<style lang="less" scoped>
.scene {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  .irf {
    width: 100%;
    height: 100%;
  }
}
</style>
