This commit is contained in:
theluyuan 2021-10-21 22:21:14 +08:00
commit 7e809ed50b
7 changed files with 118 additions and 21 deletions

5
.idea/.gitignore generated vendored Normal file
View File

@ -0,0 +1,5 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/

12
.idea/gaokaobaoming.iml generated Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

8
.idea/modules.xml generated Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/gaokaobaoming.iml" filepath="$PROJECT_DIR$/.idea/gaokaobaoming.iml" />
</modules>
</component>
</project>

6
.idea/vcs.xml generated Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

View File

@ -1,28 +1,31 @@
import App from './App.vue' import App from './App.vue'
import "normalize.css" import "normalize.css"
import { createApp } from 'vue' import { createApp } from 'vue'
import { createRouter,createWebHashHistory, RouteRecordRaw } from "vue-router" import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router"
const routes:RouteRecordRaw[] = [{ const routes: RouteRecordRaw[] = [{
path:"/", path: "/",
component:() => import('./layout/index.vue'), component: () => import('./layout/index.vue'),
children:[{ children: [{
path: "index", path: "index",
component: () => import("./pages/index.vue") component: () => import("./pages/index.vue")
},{ }, {
path:"major", path: "major",
component: () => import('./pages/major.vue') component: () => import('./pages/major.vue')
},{ }, {
path:"university", path: "login",
component: () => import('./pages/university.vue') component: () => import('./pages/login.vue')
},{ }, {
path:"fillout", path: "university",
component: () => import('./pages/fillout.vue') component: () => import('./pages/university.vue')
}] }, {
path: "fillout",
component: () => import('./pages/fillout.vue')
}]
}] }]
const router = createRouter({ const router = createRouter({
// 4. 内部提供了 history 模式的实现。为了简单起见,我们在这里使用 hash 模式。 // 4. 内部提供了 history 模式的实现。为了简单起见,我们在这里使用 hash 模式。
history: createWebHashHistory(), history: createWebHashHistory(),
routes, // `routes: routes` 的缩写 routes, // `routes: routes` 的缩写
}) })
createApp(App).use(router).mount('#app') createApp(App).use(router).mount('#app')

63
src/pages/login.vue Normal file
View File

@ -0,0 +1,63 @@
<template>
<div class="login">
<div class="infos">
<div class="top">
<img src="../static/img/logo.jpg" class="logo">
<h1>高考志愿填报</h1>
</div>
<a-form
name="custom-validation"
ref="formRef"
:model="formState"
v-bind="layout"
@finish="handleFinish"
@finishFailed="handleFinishFailed"
>
<a-form-item has-feedback name="pass">
<a-input type="password" autocomplete="off" placeholder="请输入用户名" class="shuru"/>
</a-form-item>
<a-form-item has-feedback name="checkPass">
<a-input type="password" autocomplete="off" placeholder="请输入密码" class="shuru"/>
</a-form-item>
<a-button type="primary" class="shuru">登录</a-button>
</a-form>
</div>
</div>
</template>
<script>
export default {
name: "login"
}
</script>
<style scoped lang="scss">
.login{
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
.top{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 70px;
margin-bottom: 30px;
.logo{
width:140px;
height: 140px;
margin-right: 20px;
}
}
.infos{
margin: 0 auto;
.shuru{
width: 400px;
}
}
}
</style>

BIN
src/static/img/logo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB