diff --git a/QMPlusVuePage/src/assets/notFound.png b/QMPlusVuePage/src/assets/notFound.png
new file mode 100644
index 000000000..59ca9f004
Binary files /dev/null and b/QMPlusVuePage/src/assets/notFound.png differ
diff --git a/QMPlusVuePage/src/assets/qm.png b/QMPlusVuePage/src/assets/qm.png
new file mode 100644
index 000000000..9f598ca8d
Binary files /dev/null and b/QMPlusVuePage/src/assets/qm.png differ
diff --git a/QMPlusVuePage/src/view/error/index.vue b/QMPlusVuePage/src/view/error/index.vue
index f2eff74b2..23d9fa952 100644
--- a/QMPlusVuePage/src/view/error/index.vue
+++ b/QMPlusVuePage/src/view/error/index.vue
@@ -1,6 +1,13 @@
 <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