chore: upgrade antd. (#105)

src/components/global.less

@@ -832,51 +832,11 @@ body {
   align-items: center;
   text-align: center;
   margin-top: 150px;
-
-  .img {
-    display: inline-block;
-    padding-right: 52px;
-    zoom: 1;
-
-    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, 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%;
-      }
-    }
   }
 }
 

src/core/lazy_lib/components_use.js

@@ -47,7 +47,8 @@ import {
   ConfigProvider,
   Timeline,
   Steps,
-  Empty
+  Empty,
+  Result
 } from 'ant-design-vue'
 
 Vue.use(Anchor)
@@ -96,6 +97,7 @@ Vue.use(ConfigProvider)
 Vue.use(Timeline)
 Vue.use(Steps)
 Vue.use(Empty)
+Vue.use(Result)
 
 Vue.prototype.$message = message
 Vue.prototype.$notification = notification

src/views/exception/ExceptionPage.vue

@@ -1,18 +1,14 @@
 <template>
   <div class="exception">
-    <div class="img">
-      <img :src="config[type].img" />
-    </div>
-    <div class="content">
-      <h1>{{ config[type].title }}</h1>
-      <div class="desc">{{ config[type].desc }}</div>
-      <div class="action">
-        <a-button
-          type="primary"
-          @click="handleToHome"
-        >返回首页</a-button>
-      </div>
-    </div>
+    <a-result
+      :status="type"
+      :title="type"
+      :subTitle="config[type].desc"
+    >
+      <template v-slot:extra>
+        <a-button type="primary" @click="handleToHome">返回仪表盘</a-button>
+      </template>
+    </a-result>
   </div>
 </template>
 

src/views/exception/type.js

@@ -1,12 +1,8 @@
 const types = {
   404: {
-    img: '/images/404.svg',
-    title: '404',
     desc: '抱歉，你访问的页面不存在'
   },
   500: {
-    img: '/images/500.svg',
-    title: '500',
     desc: '抱歉，服务器出错了'
   }
 }