chore: 优化 error 错误页面

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

View File

@ -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;

View File

@ -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;

View File

@ -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;