添加欢迎界面修改用户登入初始路由
This commit is contained in:
parent
46d1d319f6
commit
bbaf21be33
|
@ -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
|
||||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue