<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2022-08-18 15:58:10
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2023-04-06 20:26:37
|
* @FilePath: \bigScreen\src\App.vue
|
* @Description: app.vue
|
*
|
* Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved.
|
-->
|
<template>
|
<div id="app" :style="{
|
width: currentWidth + 'px',
|
height: currentHeight + 'px'
|
}">
|
<router-view></router-view>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data () {
|
return {
|
currentWidth: 0,
|
currentHeight: 0,
|
useSceen: false
|
}
|
},
|
|
|
created () {
|
if (window.screen.availWidth) {
|
this.currentWidth = window.screen.width
|
this.currentHeight = window.screen.height
|
}
|
},
|
|
methods: {
|
getWidth () {
|
return this.currentWidth
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
#app {
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
color: #2c3e50;
|
overflow: hidden;
|
}
|
</style>
|
