- - - - -
-
-
- - - +
+
+ + + + +
+
+
+ + + +
+
用户账号
-
用户账号
-
-
- -
-
- - -
-
-
- - - +
+
-
用户密码
-
- -
-
- - -
-
-
- - - + + +
+
+
+ + + +
+
用户密码
+
+
+
-
确认密码
-
-
-
-
- - -
-
-
- - - + + +
+
+
+ + + +
+
确认密码
+
+
+
-
姓名
-
- + + +
+
+
+ + + +
+
姓名
+
+
+ +
-
- + - -
-
-
- - - + +
+
+
+ + + +
+
班级
-
班级
-
-
- -
-
- - - -
-
-
- - - +
+
-
学号
-
-
-
-
- - -
-
-
- - - + + + +
+
+
+ + + +
+
学号
+
+
+
-
手机号
-
-
-
-
- - -
-
-
- - - + + +
+
+
+ + + +
+
手机号
+
+
+
-
验证码
-
-
- -
- + + +
+
+
+ + + +
+
验证码
+
+
+
+ +
+ +
-
- - - - 注册 - - - 返回到登录页 - - - - - - - -
-
-
- - - + + + +
+
+
+ + + +
+
用户名
-
用户名
-
-
- -
-
- - -
-
-
- - - +
+
-
学号
-
-
-
-
- - -
-
-
- - - + + +
+
+
+ + + +
+
学号
+
+
+
-
密码
-
-
-
-
- - -
-
-
- - - + + +
+
+
+ + + +
+
密码
+
+
+
-
验证码
-
-
- -
- + + +
+
+
+ + + +
+
验证码
+
+
+
+ +
+ +
-
- - - - - 登录 - 去注册 - - - - - + + 登录 + 去注册 + + + + + +
@@ -459,7 +462,7 @@ const toLogin = () => { // height: 1080px; min-height: 100vh; background-color: #091d22; - background: url("../assets//images/bg2.png") no-repeat; + background: url("../assets//images/bg1.png") no-repeat; background-size: cover; .top { @@ -482,11 +485,30 @@ const toLogin = () => { display: flex; justify-content: center; align-items: center; + height: 1000px; min-height: 100vh; - margin: 0; - background: url("../assets/images/login.png") no-repeat; - background-position: center; - background-size: 50% auto; + // margin: 0; + .middle-content{ + position: relative; + width: 60%; + height:80%; + display: flex; + justify-content: center; + align-items: center; + // background-color: pink; + background: url("../assets/images/login.png") no-repeat; + background-position: center; + background-size: 75% auto; + } + .errorBtn{ + position: absolute; + width: 40px; + height: 40px; + top: 83px; + right: 140px; + background-color: pink; + cursor: pointer; + } } .captcha { @@ -537,6 +559,8 @@ const toLogin = () => { // } .el-input { width: 300px; + height: 36px; + } :deep(.el-form-item__error) { diff --git a/src/layout/spacePage.vue b/src/layout/spacePage.vue new file mode 100644 index 0000000..4dafcec --- /dev/null +++ b/src/layout/spacePage.vue @@ -0,0 +1,237 @@ + + + + + \ No newline at end of file diff --git a/src/layout/studyPage.vue b/src/layout/studyPage.vue new file mode 100644 index 0000000..db62968 --- /dev/null +++ b/src/layout/studyPage.vue @@ -0,0 +1,155 @@ + + + + + \ No newline at end of file diff --git a/src/router/index.ts b/src/router/index.ts index 47f2ecd..b9d2764 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -31,6 +31,15 @@ const routerList: any = [ path: '/login', name: 'Login', component: () => import('@/layout/loginPage.vue') + }, + { + path:'/studyPage', + name:'StudyPage', + component: () => import('@/layout/studyPage.vue') + },{ + path: '/spacePage', + name: 'SpacePage', + component:()=>import('@/layout/spacePage.vue') } ];