update 国内标准体系联调、车型项目库详情、用户新增编辑开启工号字段

src/views/exception/ExceptionPage.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="exception">
     <div class="img">
-      <img :src="config[type].img" alt=""/>
+      <img :src="config[type].img" alt="" />
     </div>
     <div class="content">
       <h1>{{ config[type].title }}</h1>
@@ -38,51 +38,54 @@ export default {
 </script>
 
 <style lang="less" scoped>
-  .exception {
-    min-height: 500px;
-    height: 80%;
-    align-items: center;
+.exception {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .img > img {
+    height: 260px;
+  }
+
+  .content {
+    margin-top: 24px;
+
+    h1 {
+      font-size: 20px;
+      font-family: PingFang SC-Medium, PingFang SC, sans-serif;
+      color: #1D2129;
+      text-align: center;
+      font-weight: bold;
+    }
+
+    .desc {
+      font-size: 14px;
+      font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+      color: #86909C;
+      line-height: 22px;
+    }
+  }
+
+  .action {
+    margin-top: 32px;
     text-align: center;
-    margin-top: 150px;
+  }
+}
+
+.mobile {
+  .exception {
+    margin-top: 30px;
+
     .img {
-      display: inline-block;
-      padding-right: 52px;
-      zoom: 1;
+      padding-right: unset;
+
       img {
-        height: 360px;
-        max-width: 430px;
-      }
-    }
-    .content {
-      display: inline-block;
-      flex: auto;
-      h1 {
-        color: #434e59;
-        font-size: 72px;
-        font-weight: 600;
-        line-height: 72px;
-        margin-bottom: 24px;
-      }
-      .desc {
-        color: rgba(0, 0, 0, .45);
-        font-size: 20px;
-        line-height: 28px;
-        margin-bottom: 16px;
-      }
-    }
-  }
-
-  .mobile {
-    .exception {
-      margin-top: 30px;
-      .img {
-        padding-right: unset;
-
-        img {
-          height: 40%;
-          max-width: 80%;
-        }
+        height: 40%;
+        max-width: 80%;
       }
     }
   }
+}
 </style>