|
@@ -1,41 +1,26 @@
|
|
|
<template>
|
|
|
- <!--<dv-full-screen-container style="display: flex;flex-direction: column;height:1080px;width:1920px;">-->
|
|
|
- <div id="app">
|
|
|
- <router-view />
|
|
|
- </div>
|
|
|
+ <!--<dv-full-screen-container style="display: flex;flex-direction: column;flex:1;">-->
|
|
|
+ <div id="app">
|
|
|
+ <router-view />
|
|
|
+ </div>
|
|
|
<!--</dv-full-screen-container>-->
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import DevicePixelRatio from '@/utils/devicePixelRatio'
|
|
|
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
|
|
|
- },
|
|
|
- }
|
|
|
- },
|
|
|
- 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)
|
|
|
- })();
|
|
|
- };
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
+ created() {
|
|
|
+ new DevicePixelRatio().init()
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
@@ -43,14 +28,9 @@
|
|
|
margin:0;
|
|
|
height:100%;
|
|
|
width:100%;
|
|
|
- overflow: hidden;
|
|
|
}
|
|
|
#app{
|
|
|
- /*height:1080px;*/
|
|
|
- width:1920px;
|
|
|
- transform-origin: left top;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex:1;
|
|
|
+ height:100%!important;
|
|
|
+ width:100%!important;
|
|
|
}
|
|
|
</style>
|