NanjingMuseumWuJinZang/src/views/SceneView.vue

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
const closeScene = () => {
  const musicDom = document.getElementById('bg-music')
  musicDom.play()
  router.replace('/more-content?anchorIdx=3')
}
</script>

<template>
  <div class="scene-box">
    <BtnBack
      class="scene-back"
      @click="closeScene()"
    />
    <iframe
      src="https://www.4dkankan.com/spg.html?m=KJ-et2X3su4ofm"
      frameborder="0"
    />
  </div>
</template>

<style lang='less' scoped>
.scene-box {
  width: 100%;
  height: 100%;
  position: fixed;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;

  >.scene-back {
    position: absolute;
    left: 8px;
    top: 45px;
    transform: scale(1);
    z-index: 2;
  }

  >iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
</style>