feat: init
This commit is contained in:
37
src/views/exception/403/index.vue
Normal file
37
src/views/exception/403/index.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<Breadcrumb :items="['menu.exception', 'menu.exception.403']" />
|
||||
<div class="content">
|
||||
<a-result class="result" status="403" :subtitle="$t('exception.result.403.description')" />
|
||||
<a-button key="back" type="primary">
|
||||
{{ $t('exception.result.403.back') }}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup></script>
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: '403',
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.container {
|
||||
padding: 0 20px 20px 20px;
|
||||
height: calc(100% - 40px);
|
||||
:deep(.content) {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
background-color: var(--color-bg-1);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
5
src/views/exception/403/locale/en-US.ts
Normal file
5
src/views/exception/403/locale/en-US.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
export default {
|
||||
'menu.exception.403': '403',
|
||||
'exception.result.403.description': 'Access to this resource on the server is denied.',
|
||||
'exception.result.403.back': 'Back',
|
||||
}
|
||||
5
src/views/exception/403/locale/zh-CN.ts
Normal file
5
src/views/exception/403/locale/zh-CN.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
export default {
|
||||
'menu.exception.403': '403',
|
||||
'exception.result.403.description': '对不起,您没有访问该资源的权限',
|
||||
'exception.result.403.back': '返回',
|
||||
}
|
||||
42
src/views/exception/404/index.vue
Normal file
42
src/views/exception/404/index.vue
Normal file
@@ -0,0 +1,42 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<Breadcrumb :items="['menu.exception', 'menu.exception.404']" />
|
||||
<div class="content">
|
||||
<a-result class="result" status="404" :subtitle="$t('exception.result.404.description')"></a-result>
|
||||
<div class="operation-row">
|
||||
<a-button key="again" style="margin-right: 16px">
|
||||
{{ $t('exception.result.404.retry') }}
|
||||
</a-button>
|
||||
<a-button key="back" type="primary">
|
||||
{{ $t('exception.result.404.back') }}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup></script>
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: '404',
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.container {
|
||||
padding: 0 20px 20px 20px;
|
||||
height: calc(100% - 40px);
|
||||
:deep(.content) {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
background-color: var(--color-bg-1);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
6
src/views/exception/404/locale/en-US.ts
Normal file
6
src/views/exception/404/locale/en-US.ts
Normal file
@@ -0,0 +1,6 @@
|
||||
export default {
|
||||
'menu.exception.404': '404',
|
||||
'exception.result.404.description': 'Whoops, this page is gone.',
|
||||
'exception.result.404.retry': 'Retry',
|
||||
'exception.result.404.back': 'Back',
|
||||
}
|
||||
6
src/views/exception/404/locale/zh-CN.ts
Normal file
6
src/views/exception/404/locale/zh-CN.ts
Normal file
@@ -0,0 +1,6 @@
|
||||
export default {
|
||||
'menu.exception.404': '404',
|
||||
'exception.result.404.description': '抱歉,页面不见了~',
|
||||
'exception.result.404.retry': '重试',
|
||||
'exception.result.404.back': '返回',
|
||||
}
|
||||
37
src/views/exception/500/index.vue
Normal file
37
src/views/exception/500/index.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<Breadcrumb :items="['menu.exception', 'menu.exception.500']" />
|
||||
<div class="content">
|
||||
<a-result class="result" status="500" :subtitle="$t('exception.result.500.description')" />
|
||||
<a-button key="back" type="primary">
|
||||
{{ $t('exception.result.500.back') }}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup></script>
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: '500',
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.container {
|
||||
padding: 0 20px 20px 20px;
|
||||
height: calc(100% - 40px);
|
||||
:deep(.content) {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
background-color: var(--color-bg-1);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
5
src/views/exception/500/locale/en-US.ts
Normal file
5
src/views/exception/500/locale/en-US.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
export default {
|
||||
'menu.exception.500': '500',
|
||||
'exception.result.500.description': 'Internal server error',
|
||||
'exception.result.500.back': 'Back',
|
||||
}
|
||||
5
src/views/exception/500/locale/zh-CN.ts
Normal file
5
src/views/exception/500/locale/zh-CN.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
export default {
|
||||
'menu.exception.500': '500',
|
||||
'exception.result.500.description': '抱歉,服务器出了点问题~',
|
||||
'exception.result.500.back': '返回',
|
||||
}
|
||||
Reference in New Issue
Block a user