<template>
  <div id="app">    <router-view />  </div>
</template>
<script>
export default {
  data() {},
  mounted() {
    if (window.vuplex) {
      this.addMessageListener();
    } else {
      window.addEventListener("vuplexready", this.addMessageListener);
    }
  },
  methods: {
    addMessageListener() {
      let that = this;
      window.vuplex.addEventListener("message", function (event) {
        let json = event.data;
        that.$router.push({
          name: "pds1",
          query: {
            type: json,
          },
        });
      });
    },
  },
};
</script>
<style>
* {
  margin: 0;
  padding: 0;
  font-family: "MicrosoftYaHei" !important;
  background: transparent;
}

#app {
  width: 7680px;
  height: 3240px;
  /* width: 100vw;
    height: 100vh; */
  overflow: hidden;
  background-image: url(../../assets/img/左遮罩.png), url(../../assets/img/右遮罩.png),
    url(../../assets/img/遮罩上.png), url(../../assets/img/下遮罩.png);
    background-color: transparent;
}
</style>
