添加欢迎界面修改用户登入初始路由

This commit is contained in:
YuNan 2025-03-19 19:06:30 +08:00
parent 46d1d319f6
commit bbaf21be33
2 changed files with 98 additions and 1 deletions

View File

@ -2,7 +2,7 @@ export enum PageEnum {
// basic login path // basic login path
BASE_LOGIN = '/login', BASE_LOGIN = '/login',
// basic home path // basic home path
BASE_HOME = '/dashboard/analysis', BASE_HOME = '/cet/welcomeInterface',
// error page path // error page path
ERROR_PAGE = '/exception', ERROR_PAGE = '/exception',
// error log page path // error log page path

View File

@ -0,0 +1,97 @@
<template>
<div class="welcome-container">
<div class="card">
<h1>🎉 欢迎使用哈尔滨师范大学四六级管理平台</h1>
<!--<p class="description"> 这是一个基于 Vue 3 构建的现代化前端项目助你快速开启开发之旅 </p>-->
<div class="actions">
<!--<button @click="goToDocs">📘 查看文档</button>-->
</div>
</div>
<footer>
<p></p>
</footer>
</div>
</template>
<script>
export default {
name: 'welcomeInterface',
components: {
// DownOutlined, RightOutlined, Tour
},
data() {
return {
message: '欢迎来到 Vue 3 项目首页',
};
},
methods: {
goToDocs() {
window.open('https://vuejs.org/guide/introduction.html', '_blank');
},
goToGithub() {
window.open('https://github.com/vuejs', '_blank');
},
startUsing() {
this.$router.push('/home'); // 使 window.location.href
},
},
};
</script>
<style scoped>
.welcome-container {
display: flex;
flex-direction: column;
min-height: 92vh;
align-items: center;
justify-content: center;
background: linear-gradient(145deg, #f0f4ff, #ffffff);
padding: 2rem;
font-family: 'Segoe UI', sans-serif;
}
.card {
background-color: white;
padding: 3rem;
border-radius: 1.5rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
max-width: 800px;
width: 100%;
text-align: center;
}
.card h1 {
font-size: 2rem;
margin-bottom: 1rem;
}
.description {
font-size: 1.1rem;
color: #555;
margin-bottom: 2rem;
}
.actions button {
margin: 0 0.5rem;
padding: 0.8rem 1.5rem;
font-size: 1rem;
border: none;
border-radius: 0.8rem;
background-color: #42b883;
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
}
.actions button:hover {
background-color: #339e6b;
}
footer {
margin-top: 2rem;
color: #999;
font-size: 0.9rem;
}
</style>