Explorar el Código

注册页面第二页添加返回图标

zhangxc hace 6 años
padre
commit
9d43de641b
Se han modificado 2 ficheros con 9 adiciones y 1 borrados
  1. 6 1
      src/components/register/Register.vue
  2. 3 0
      src/components/register/register.less

+ 6 - 1
src/components/register/Register.vue

@@ -14,7 +14,7 @@
                      
                 <!-- </div> -->
                 <div v-if="flag" class="title-box clearfix"> <h3 class="login-title fl">注册</h3> <h4 class="num fr" @click="toLogin">登录</h4></div>
-                <div v-else class="title-box clearfix"> <h3 class="login-title fl">其他信息</h3> <h4 class="num fr num2">2/2</h4></div>
+                <div v-else class="title-box clearfix"><span class="back-prev fl"><i class="el-icon-back" @click="backPrev"></i></span> <h3 class="login-title fl">其他信息</h3> <h4 class="num fr num2">2/2</h4></div>
                 <form>
                     <div class="main" v-show="flag">
                         <!-- <p>手机号</p> -->
@@ -136,6 +136,9 @@
           path: '/'
         });
       },
+      backPrev() {
+        this.flag = true;
+      },
       CalcuMD5(password){
         // password = password.toUpperCase();
         password = md5(password);
@@ -185,6 +188,7 @@
                 that.picCode = '';
                 that.picTime = 600//图形验证码过期时间10分钟;
                 window.clearInterval(that.picTimer);
+                this.picTimer = null
                 that.getPicCode();//过期刷新验证码
               }
             }, 1000);
@@ -308,6 +312,7 @@
                   that.msgCode = '';
                   that.msgCodeTime = 180;
                   window.clearInterval(that.msgCodeTimer);
+                  that.msgCodeTimer = null;
                 }
               }, 1000);
 

+ 3 - 0
src/components/register/register.less

@@ -32,6 +32,9 @@
   font-size: 12px; //默认字体
   color: #424243; //默认颜色
   box-sizing: border-box;
+  .back-prev {
+    font-size: 16px;
+  }
   h3 {
     text-align: center;
     font-size: 20px;