修改

src/App.vue

@@ -14,8 +14,8 @@ import pageFooter from './components/pageFooter/pageFooter.vue'
 <style>
 html,
 body {
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
   margin: 0;
   padding: 0;
 }

src/components/navigation/index.vue

@@ -26,6 +26,7 @@ const changeHandler = (active) => {
 
 <style scoped>
 .navigation {
+  width: 100vw;
   box-sizing: border-box;
 }
 

src/components/pageFooter/pageFooter.vue

@@ -9,7 +9,7 @@
 </template>
 <style scoped>
 .footer {
-    width: 100%;
+    width: 100vw;
     text-align: center;
     height: 150px;
     background-color: black;

src/views/HomeView.vue

@@ -14,7 +14,6 @@ const projectlist = [
 ]
 const images = ref(image)
 const project_list = ref(projectlist)
-const text = ref('APP软件开发')
 
 </script>