1

shuishen

2022-12-28 e6f9eba5edcf8db80dbf358b02a0b339fde3b80c

1

 src/App.vue

@@ -2,22 +2,39 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 15:58:10
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-11-10 09:13:07
 * @LastEditTime: 2022-12-27 17:18:02
 * @FilePath: \srs-police-affairs\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, height: currentHeight }">
        <router-view></router-view>
    </div>
</template>

<script>
export default {
    data () {
        return {
            currentWidth: 0,
            currentHeight: 0,
        }
    },

    created () {
        if (window.screen.availWidth) {
            this.currentWidth = window.screen.availWidth + 'px'
            this.currentHeight = window.screen.availHeight + 'px'
        }
    }
}
</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;

 src/styles/index.scss

@@ -3,4 +3,4 @@
@import "./icon/index.scss";
@import "./tool/index.scss";
@import "./element-ui/element-ui.scss";
@import "./media/index.scss";
// @import "./media/index.scss";