登录注册

kcui/src/view/Login.vue

@@ -34,7 +34,7 @@
         <el-checkbox style="color: rgba(255,255,255,0.68);position: absolute;right: 1vw;top: 0.5vw;" v-model="checked">记住密码</el-checkbox>
       </div>
       <div class="regist">
-        <div style="float: left;margin-left: 42%;color: rgba(255,255,255,0.68);">还没有账号，请进行</div><div style="color: rgb(90,208,255);float: left;" @click="openRest">注册</div>
+        <div style="float: left;margin-left: 42%;color: rgba(255,255,255,0.68);font-size: 0.8vw;">还没有账号，请进行</div><div style="color: rgb(90,208,255);float: left;font-size: 0.8vw;" @click="openRest">注册</div>
       </div>
 
 
@@ -101,7 +101,7 @@
         <img src="../assets/img/zcTypeDown.png" style="position: absolute;z-index: 99;width: 100%;height: 100%;" v-if="typePic==1">
 
         <select v-model="form.userType"  @click="changeType()">
-          <option value="2" style="display:none; color: white;opacity: 1;" label="请选择用户类型"></option>
+          <option value="2" style="display:none; color:rgba(255, 255, 255, 0.54);" label="请选择用户类型"></option>
           <option label="管理员" value="1"></option>
           <option label="学生" value="0"></option>
         </select>
@@ -123,7 +123,7 @@
       </div>
 
       <div class="zcButton" @click="goRegist">
-
+        <div style="float: left;margin-left: 38%;color: rgba(255,255,255,0.68);margin-bottom: 0.5vw;text-decoration-line: underline;">已有账号，前往</div><div style="color: rgb(90,208,255);float: left;text-decoration-line: underline;" @click="openLogin">登录</div>
         <img src="../assets/img/zcButton.png" style="width: 100%;height: 100%;">
       </div>
       <img src="../assets/img/zcBox.png" style="width: 100%;height: 100%;">
@@ -195,6 +195,9 @@ export default {
     openRest(){
       this.pageInfo = "zc";
     },
+    openLogin(){
+      this.pageInfo = "login";
+    },
     goRegist(){
       var data = {
         realName:this.form.useName,
@@ -233,7 +236,7 @@ export default {
   height: 8%;
   //background: #b94289;
   position: absolute;
-  top: 28%;
+  top: 29%;
   left: 19%;
 }
 .password-input-container1{
@@ -241,7 +244,7 @@ export default {
   height: 8%;
   //background: #b94289;
   position: absolute;
-  top: 48%;
+  top: 49%;
   left: 19%;
 }
 
@@ -289,8 +292,8 @@ input::placeholder {
   width: 80%;
   height: 12%;
   position: absolute;
-  bottom: 17%;
+  bottom: 15%;
-  left: 9%;
+  left: 12%;
   color: #Ffffff;
   text-align: center;
 }
@@ -300,7 +303,7 @@ input::placeholder {
   width: 69%;
   height: 10%;
   position: absolute;
-  bottom: 10%;
+  bottom: 12%;
   left: 20%;
 
 }
@@ -321,48 +324,48 @@ input::placeholder {
   height: 7%;
   //background: #b94289;
   position: absolute;
-  top: 18%;
+  top: 18.5%;
   left: 19%;
 }
 .password-zc-container1{
   width: 70%;
-  height: 7%;
+  height: 6%;
   //background: #b94289;
   position: absolute;
-  top: 31%;
+  top: 30.5%;
   left: 19%;
 }
 .password-zc-container2{
   width: 70%;
-  height: 7%;
+  height: 6%;
   //background: #b94289;
   position: absolute;
-  top: 44%;
+  top: 42.5%;
   left: 19%;
 }
 .password-zc-container3{
   width: 70%;
-  height: 7%;
+  height: 6%;
   //background: #b94289;
   position: absolute;
-  top: 57%;
+  top: 54.5%;
   left: 19%;
 }
 
 .password-zc-container4{
   width: 70%;
-  height: 7%;
+  height: 6%;
   //background: #b94289;
   position: absolute;
-  top: 70%;
+  top: 66.5%;
   left: 19%;
 }
 .zcButton{
-  width: 70%;
+  width: 68%;
   height: 8%;
   position: absolute;
-  bottom: 8%;
+  bottom: 12%;
-  left: 19%;
+  left: 20%;
 }
 select {
   //background-image: url("../assets/img/zcType.png");