49 lines
1015 B
Vue
49 lines
1015 B
Vue
<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: transparent; */
|
||
}
|
||
</style>
|