qjkankan_v1.1.1/packages/qjkankan-editor/src/framework/play/index.vue

<template>
  <div
    class="app-player"
    ref="layer"
    :class="{showPlayer:$route.meta.hasPreviewArea}"
    :style="{
      left: $route.meta.previewAreaExtraLeft + 58 + 'px',
    }"
  >
    <pano />
  </div>
</template>

<script>
import config from "@/config";
import pano from "./pano";

export default {
  components:{
    pano
  },
  data() {
    return {
      number: config.projectNum,
    };
  },
};
</script>

<style lang="less" scoped>
.app-player {
  position: absolute;
  top: 0;
  height: 100%;
  left: 58px;
  right: 274px;
  z-index: -100;
  opacity: 0;
  pointer-events: none;
  > iframe {
    width: 100%;
    height: 100%;
  }
  &.showPlayer{
    opacity: 1;
    z-index: 999;
    pointer-events: auto;
  }
}
</style>