fix: 🐛 代码规范检测问题修复

Former-commit-id: 6e75bc91ce33ea9e7a17fbcb896f086f768896f4

src/views/error-page/401.vue

@@ -1,20 +1,20 @@
 <!-- setup 无法设置组件名称，组件名称keepAlive必须 -->
 <script lang="ts">
 export default {
-  name: 'Page401'
+  name: "Page401",
 };
 </script>
 
 <script setup lang="ts">
-import { reactive, toRefs } from 'vue';
-import { useRouter } from 'vue-router';
+import { reactive, toRefs } from "vue";
+import { useRouter } from "vue-router";
 
 const state = reactive({
   errGif: new URL(`../../assets/401_images/401.gif`, import.meta.url).href,
 
   ewizardClap:
-    'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
-  dialogVisible: false
+    "https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646",
+  dialogVisible: false,
 });
 
 const { errGif, ewizardClap, dialogVisible } = toRefs(state);
@@ -72,20 +72,20 @@ function back() {
   margin: 100px auto;
 
   .pan-back-btn {
-    background: #008489;
     color: #fff;
+    background: #008489;
     border: none !important;
   }
 
   .pan-gif {
-    margin: 0 auto;
     display: block;
+    margin: 0 auto;
   }
 
   .pan-img {
     display: block;
-    margin: 0 auto;
     width: 100%;
+    margin: 0 auto;
   }
 
   .text-jumbo {

src/views/error-page/404.vue

@@ -1,13 +1,13 @@
 <!-- setup 无法设置组件名称，组件名称keepAlive必须 -->
 <script lang="ts">
 export default {
-  name: 'Page404'
+  name: "Page404",
 };
 </script>
 
 <script setup lang="ts">
 function message() {
-  return 'The webmaster said that you can not enter this page...';
+  return "The webmaster said that you can not enter this page...";
 }
 </script>
 
@@ -60,10 +60,10 @@ function message() {
 
 <style lang="scss" scoped>
 .wscn-http404-container {
-  transform: translate(-50%, -50%);
   position: absolute;
   top: 40%;
   left: 50%;
+  transform: translate(-50%, -50%);
 }
 
 .wscn-http404 {
@@ -86,39 +86,39 @@ function message() {
       position: absolute;
 
       &.left {
-        width: 80px;
         top: 17px;
         left: 220px;
+        width: 80px;
         opacity: 0;
         animation-name: cloudLeft;
         animation-duration: 2s;
         animation-timing-function: linear;
-        animation-fill-mode: forwards;
         animation-delay: 1s;
+        animation-fill-mode: forwards;
       }
 
       &.mid {
-        width: 46px;
         top: 10px;
         left: 420px;
+        width: 46px;
         opacity: 0;
         animation-name: cloudMid;
         animation-duration: 2s;
         animation-timing-function: linear;
-        animation-fill-mode: forwards;
         animation-delay: 1.2s;
+        animation-fill-mode: forwards;
       }
 
       &.right {
-        width: 62px;
         top: 100px;
         left: 500px;
+        width: 62px;
         opacity: 0;
         animation-name: cloudRight;
         animation-duration: 2s;
         animation-timing-function: linear;
-        animation-fill-mode: forwards;
         animation-delay: 1s;
+        animation-fill-mode: forwards;
       }
 
       @keyframes cloudLeft {
@@ -209,24 +209,24 @@ function message() {
     overflow: hidden;
 
     &__oops {
+      margin-bottom: 20px;
       font-size: 32px;
       font-weight: bold;
       line-height: 40px;
       color: #1482f0;
       opacity: 0;
-      margin-bottom: 20px;
       animation-name: slideUp;
       animation-duration: 0.5s;
       animation-fill-mode: forwards;
     }
 
     &__headline {
+      margin-bottom: 10px;
       font-size: 20px;
+      font-weight: bold;
       line-height: 24px;
       color: #222;
-      font-weight: bold;
       opacity: 0;
-      margin-bottom: 10px;
       animation-name: slideUp;
       animation-duration: 0.5s;
       animation-delay: 0.1s;
@@ -234,11 +234,11 @@ function message() {
     }
 
     &__info {
+      margin-bottom: 30px;
       font-size: 13px;
       line-height: 21px;
       color: grey;
       opacity: 0;
-      margin-bottom: 30px;
       animation-name: slideUp;
       animation-duration: 0.5s;
       animation-delay: 0.2s;
@@ -250,14 +250,14 @@ function message() {
       float: left;
       width: 110px;
       height: 36px;
-      background: #1482f0;
-      border-radius: 100px;
-      text-align: center;
-      color: #ffffff;
-      opacity: 0;
       font-size: 14px;
       line-height: 36px;
+      color: #fff;
+      text-align: center;
       cursor: pointer;
+      background: #1482f0;
+      border-radius: 100px;
+      opacity: 0;
       animation-name: slideUp;
       animation-duration: 0.5s;
       animation-delay: 0.3s;
@@ -266,13 +266,13 @@ function message() {
 
     @keyframes slideUp {
       0% {
-        transform: translateY(60px);
         opacity: 0;
+        transform: translateY(60px);
       }
 
       100% {
-        transform: translateY(0);
         opacity: 1;
+        transform: translateY(0);
       }
     }
   }