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;