test2

.codesandbox/workspace.json

@@ -0,0 +1,20 @@
+{
+  "responsive-preview": {
+    "Mobile": [
+      320,
+      675
+    ],
+    "Tablet": [
+      1024,
+      765
+    ],
+    "Desktop": [
+      1400,
+      800
+    ],
+    "Desktop HD": [
+      1920,
+      1080
+    ]
+  }
+}

src/views/error-log/index.vue

@@ -4,29 +4,39 @@
     <ErrorB />
     <h3>Please click the bug icon in the upper right corner</h3>
     <aside>
-      asddasf Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.
+      Now the management system are basically the form of the spa, it enhances
-      <a target="_blank" class="link-type" href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/error.html">
+      the user experience, but it also increases the possibility of page
-        Document introduction safsadfasd 
+      problems, a small negligence may lead to the entire page deadlock.
+      Fortunately Vue provides a way to catch handling exceptions, where you can
+      handle errors or report exceptions.
+      <a
+        target="_blank"
+        class="link-type"
+        href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/error.html"
+      >
+        Document introduction
       </a>
     </aside>
     <a href="#">
-      <img src="https://wpimg.wallstcn.com/360e4842-4db5-42d0-b078-f9a84a825546.gif">
+      <img
+        src="https://wpimg.wallstcn.com/360e4842-4db5-42d0-b078-f9a84a825546.gif"
+      />
     </a>
   </div>
 </template>
 
 <script>
-import ErrorA from './components/ErrorTestA'
+import ErrorA from "./components/ErrorTestA";
-import ErrorB from './components/ErrorTestB'
+import ErrorB from "./components/ErrorTestB";
 
 export default {
-  name: 'ErrorLog',
+  name: "ErrorLog",
-  components: { ErrorA, ErrorB }
+  components: { ErrorA, ErrorB },
-}
+};
 </script>
 
 <style scoped>
-  .errPage-container {
+.errPage-container {
-    padding: 30px;
+  padding: 30px;
-  }
+}
 </style>