修改APP.vue的内外边距

src/App.vue

@@ -1,6 +1,6 @@
 <template>
-  <div id="app">
-   <router-view v-if="isRouterAlive"></router-view>
+  <div id="app" class="app1">
+    <router-view v-if="isRouterAlive"></router-view>
   </div>
 </template>
 
@@ -10,29 +10,35 @@
 export default {
   name: 'app',
   components: {
- 
+
   },
-  provide(){
-    return{
-      reload:this.reload
+  provide() {
+    return {
+      reload: this.reload
     }
   },
-  data(){
-      return{
-        isRouterAlive:true
-      }
+  data() {
+    return {
+      isRouterAlive: true
+    }
   },
-  methods:{
-    reload(){
-      this.isRouterAlive=false
-      this.$nextTick(()=>{
-        this.isRouterAlive=true
+  methods: {
+    reload() {
+      this.isRouterAlive = false
+      this.$nextTick(() => {
+        this.isRouterAlive = true
       })
     }
   }
 }
 </script>
 
-<style>
-
+<style lang="scss">
+.app1 {
+  // background-color: #269b33;
+  position: relative;
+  top: 0px;
+  margin: 0;
+  height: 100%;
+}
 </style>