From 2460fe4e86e532536e4c6cd363bee299279ca02e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Tue, 24 May 2022 12:27:39 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=BC=98=E5=8C=96=20error=20=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/exception/403.vue | 8 ++++++--
 src/views/exception/404.vue | 8 ++++++--
 src/views/exception/500.vue | 8 ++++++--
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/views/exception/403.vue b/src/views/exception/403.vue
index 2887a020..679462d7 100644
--- a/src/views/exception/403.vue
+++ b/src/views/exception/403.vue
@@ -5,8 +5,8 @@
     </div>
     <div class="text-center">
       <h1 class="text-base text-gray-500">抱歉，你无权访问该页面</h1>
-      <n-button type="info" @click="goHome">回到首页</n-button>
     </div>
+    <n-button type="primary" @click="goHome">回到首页</n-button>
   </div>
 </template>
 
@@ -20,11 +20,15 @@ function goHome() {
 
 <style lang="scss" scoped>
 @include go(error) {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
   padding: 100px 0;
+  @include background-image('background-image');
   .text-center {
     h1 {
       color: #666;
diff --git a/src/views/exception/404.vue b/src/views/exception/404.vue
index 769aae9d..86546c3b 100644
--- a/src/views/exception/404.vue
+++ b/src/views/exception/404.vue
@@ -6,7 +6,7 @@
     <div class="text-center">
       <h1 class="text-base text-gray-500">抱歉，你访问的页面不存在</h1>
     </div>
-    <n-button type="info" @click="goHome">回到首页</n-button>
+    <n-button type="primary" @click="goHome">回到首页</n-button>
   </div>
 </template>
 
@@ -20,11 +20,15 @@ function goHome() {
 
 <style lang="scss" scoped>
 @include go(error) {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
   padding: 100px 0;
+  @include background-image('background-image');
   .text-center {
     h1 {
       color: #666;
diff --git a/src/views/exception/500.vue b/src/views/exception/500.vue
index 957596ff..c0d35a6a 100644
--- a/src/views/exception/500.vue
+++ b/src/views/exception/500.vue
@@ -5,8 +5,8 @@
     </div>
     <div class="text-center">
       <h1 class="text-base text-gray-500">抱歉，服务器出错了</h1>
-      <n-button type="info" @click="goHome">回到首页</n-button>
     </div>
+    <n-button type="primary" secondary @click="goHome">回到首页</n-button>
   </div>
 </template>
 
@@ -21,11 +21,15 @@ function goHome() {
 
 <style lang="scss" scoped>
 @include go(error) {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
   padding: 100px 0;
+  @include background-image('background-image');
   .text-center {
     h1 {
       color: #666;