滚动条更改

shuishen

2023-04-06 5d44db7dc438fdad628a1d371ddcebca742a806c

 src/App.vue

@@ -2,14 +2,17 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 15:58:10
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-03-06 14:42:43
 * @FilePath: \srs-police-affairs\src\App.vue
 * @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">
    <div id="app" :style="{
        width: currentWidth + 'px',
        height: currentHeight + 'px'
    }">
        <router-view></router-view>
    </div>
</template>
@@ -18,25 +21,30 @@
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 {
    width: 100%;
    height: 100%;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;