mkm/goview_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 优化 error 错误页面

Browse Source
This commit is contained in:
奔跑的面条 2022-05-24 12:27:39 +08:00
parent 908f33c849
commit 2460fe4e86
3 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/exception/403.vue
View File

@ -5,8 +5,8 @@
</div> </div>
<div class="text-center"> <div class="text-center">
<h1 class="text-base text-gray-500">抱歉，你无权访问该页面</h1> <h1 class="text-base text-gray-500">抱歉，你无权访问该页面</h1>
<n-button type="info" @click="goHome">回到首页</n-button>
</div> </div>
<n-button type="primary" @click="goHome">回到首页</n-button>
</div> </div>
</template> </template>
@ -20,11 +20,15 @@ function goHome() {
<style lang="scss" scoped> <style lang="scss" scoped>
@include go(error) { @include go(error) {
box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100%; width: 100vw;
height: 100vh;
overflow: hidden;
padding: 100px 0; padding: 100px 0;
@include background-image('background-image');
.text-center { .text-center {
h1 { h1 {
color: #666; color: #666;

8
src/views/exception/404.vue
View File

@ -6,7 +6,7 @@
<div class="text-center"> <div class="text-center">
<h1 class="text-base text-gray-500">抱歉，你访问的页面不存在</h1> <h1 class="text-base text-gray-500">抱歉，你访问的页面不存在</h1>
</div> </div>
<n-button type="info" @click="goHome">回到首页</n-button> <n-button type="primary" @click="goHome">回到首页</n-button>
</div> </div>
</template> </template>
@ -20,11 +20,15 @@ function goHome() {
<style lang="scss" scoped> <style lang="scss" scoped>
@include go(error) { @include go(error) {
box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100%; width: 100vw;
height: 100vh;
overflow: hidden;
padding: 100px 0; padding: 100px 0;
@include background-image('background-image');
.text-center { .text-center {
h1 { h1 {
color: #666; color: #666;

8
src/views/exception/500.vue
View File

@ -5,8 +5,8 @@
</div> </div>
<div class="text-center"> <div class="text-center">
<h1 class="text-base text-gray-500">抱歉，服务器出错了</h1> <h1 class="text-base text-gray-500">抱歉，服务器出错了</h1>
<n-button type="info" @click="goHome">回到首页</n-button>
</div> </div>
<n-button type="primary" secondary @click="goHome">回到首页</n-button>
</div> </div>
</template> </template>
@ -21,11 +21,15 @@ function goHome() {
<style lang="scss" scoped> <style lang="scss" scoped>
@include go(error) { @include go(error) {
box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100%; width: 100vw;
height: 100vh;
overflow: hidden;
padding: 100px 0; padding: 100px 0;
@include background-image('background-image');
.text-center { .text-center {
h1 { h1 {
color: #666; color: #666;