添加欢迎界面修改用户登入初始路由
This commit is contained in:
parent
46d1d319f6
commit
bbaf21be33
|
@ -2,7 +2,7 @@ export enum PageEnum {
|
|||
// basic login path
|
||||
BASE_LOGIN = '/login',
|
||||
// basic home path
|
||||
BASE_HOME = '/dashboard/analysis',
|
||||
BASE_HOME = '/cet/welcomeInterface',
|
||||
// error page path
|
||||
ERROR_PAGE = '/exception',
|
||||
// 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