增加404报错页面

QMPlusVuePage/src/view/error/index.vue

 <template>
     <div>
-        404
+        <div class="big">
+            <div class="inner">
+                <img src="../../assets/notFound.png">
+                <p>页面被神秘力量吸走了，请联系我们修复</p>
+                <p>↓</p>
+                <img src="../../assets/qm.png" class="leftPic">
+            </div>
+        </div>
     </div>
 </template>
 
@@ -11,6 +18,27 @@ export default {
 }
 </script>
 
-<style scoped>
-
+<style lang="scss">
+    .big{
+        width: 100%;
+        height: 100vh;
+        background-color: rgb(244,244,244);
+        position: relative;
+    }
+    .inner{
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+    .inner p {
+        text-align: center;
+        font-size: 24px;
+    }
+    .inner .leftPic{
+        width: 60px;
+        height: 60px;
+        margin-left: 44%;
+        margin-top: 20px;
+    }
 </style>
\ No newline at end of file