feat: 前端搭建
This commit is contained in:
60
Yi.Ai.Vue3/src/pages/error/403.vue
Normal file
60
Yi.Ai.Vue3/src/pages/error/403.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<script setup lang="ts">
|
||||
import { useRouter } from 'vue-router';
|
||||
import { HOME_URL } from '@/config/index.ts';
|
||||
|
||||
// 路由跳转
|
||||
const router = useRouter();
|
||||
|
||||
function handleHomePage() {
|
||||
router.push({ path: HOME_URL });
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div id="box">
|
||||
<div id="banner" class="elx-top" />
|
||||
<div class="elx-bottom">
|
||||
<div class="elx-text1">
|
||||
403
|
||||
</div>
|
||||
<div class="elx-text2">
|
||||
对不起,您没有权限访问
|
||||
</div>
|
||||
<div class="h-20px" />
|
||||
<el-button type="primary" plain @click="handleHomePage">
|
||||
返回首页
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
#box {
|
||||
overflow: hidden;
|
||||
}
|
||||
#banner {
|
||||
margin-top: 60px;
|
||||
background: url("@/assets/images/error/403.png") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.elx-top {
|
||||
width: 600px;
|
||||
height: 400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.elx-bottom {
|
||||
height: 300px;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.elx-text1 {
|
||||
font-size: 46px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.elx-text2 {
|
||||
padding-top: 30px;
|
||||
font-family: YouYuan;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
60
Yi.Ai.Vue3/src/pages/error/404.vue
Normal file
60
Yi.Ai.Vue3/src/pages/error/404.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<script setup lang="ts">
|
||||
import { useRouter } from 'vue-router';
|
||||
import { HOME_URL } from '@/config/index.ts';
|
||||
|
||||
// 路由跳转
|
||||
const router = useRouter();
|
||||
|
||||
function handleHomePage() {
|
||||
router.push({ path: HOME_URL });
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div id="box">
|
||||
<div id="banner" class="elx-top" />
|
||||
<div class="elx-bottom">
|
||||
<div class="elx-text1">
|
||||
404
|
||||
</div>
|
||||
<div class="elx-text2">
|
||||
您想看的页面不存在哟
|
||||
</div>
|
||||
<div class="h-20px" />
|
||||
<el-button type="primary" plain @click="handleHomePage">
|
||||
返回首页
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
#box {
|
||||
overflow: hidden;
|
||||
}
|
||||
#banner {
|
||||
margin-top: 60px;
|
||||
background: url("@/assets/images/error/404.png") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.elx-top {
|
||||
width: 600px;
|
||||
height: 400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.elx-bottom {
|
||||
height: 300px;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.elx-text1 {
|
||||
font-size: 46px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.elx-text2 {
|
||||
padding-top: 30px;
|
||||
font-family: YouYuan;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user