screenFront/src/App.vue

<!--
 * @FilePath: \wwwd:\code\screenFront\src\App.vue
 * @Author: 王路平
 * @文件版本: V1.0.0
 * @Date: 2023-01-29 15:16:36
 * @Description: 
 * 
 * 版权信息         : 2023 by ${再登软件}, All Rights Reserved.
-->
<template>
  
  <!-- <ScaleScreen :width="1920" :height="1080" > -->
    
    <router-view/>
  

<!-- </ScaleScreen> -->
</template>
<script setup lang="ts">

import ScaleScreen from "@/components/scale-screen/scale-screen.vue";
</script>
<style>
@import './assets/css/reset.css';
#app {
  width: 100vw;
  height: 100vh;
  background: #100c2a;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  text-rendering: optimizeLegibility;
  backface-visibility: hidden;
  transform: translate3d(0,0,0)
  
}

nav {
  padding: 30px;
}

nav a {
  font-weight: bold;
  color: #2c3e50;
}

nav a.router-link-exact-active {
  color: #42b983;
}
body {

/* --content:calc(100vh - var(--header)) */
overflow: hidden !important;
-ms-overflow-style: none;
/* IE + Edge */
scrollbar-width: none;
/* Firefox */
}

::-webkit-scrollbar {
display: none;
}
</style>