|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <!--<dv-full-screen-container id="app">-->
|
|
|
+ <!--<dv-full-screen-container style="display: flex;flex-direction: column;height:1080px;width:1920px;">-->
|
|
|
<div id="app">
|
|
|
<router-view />
|
|
|
</div>
|
|
@@ -7,26 +7,50 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-export default {
|
|
|
- name: 'App',
|
|
|
+ export default {
|
|
|
+ name: 'App',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ windowHeight:"",
|
|
|
+ desktopHeight:"",
|
|
|
+ desktopWidth:"",
|
|
|
+ }
|
|
|
+ },
|
|
|
metaInfo() {
|
|
|
- return {
|
|
|
- title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
|
|
|
- titleTemplate: title => {
|
|
|
- return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ return {
|
|
|
+ title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
|
|
|
+ titleTemplate: title => {
|
|
|
+ return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ document.getElementById('app').style.transform = `scale(${document.body.clientWidth / 1920})`;
|
|
|
+ document.getElementById('app').style.height = (window.innerHeight/(document.body.clientWidth / 1920*100))*100+'px';
|
|
|
+ console.log("document.getElementById('app').style.height",document.getElementById('app').style.height)
|
|
|
+ window.onresize = () => {
|
|
|
+ return (() => {
|
|
|
+ document.getElementById('app').style.transform = `scale(${document.body.clientWidth / 1920})`;
|
|
|
+ document.getElementById('app').style.height = (window.innerHeight/(document.body.clientWidth / 1920*100))*100+'px';
|
|
|
+ console.log("document.getElementById('app').style.height",document.getElementById('app').style.height)
|
|
|
+ })();
|
|
|
+ };
|
|
|
+ },
|
|
|
+ }
|
|
|
</script>
|
|
|
<style>
|
|
|
html,body{
|
|
|
margin:0;
|
|
|
height:100%;
|
|
|
width:100%;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
#app{
|
|
|
- height:100%!important;
|
|
|
- width:100%!important;
|
|
|
+ /*height:1080px;*/
|
|
|
+ width:1920px;
|
|
|
+ transform-origin: left top;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex:1;
|
|
|
}
|
|
|
</style>
|