lzq 6 lat temu
rodzic
commit
26366287df
1 zmienionych plików z 47 dodań i 1 usunięć
  1. 47 1
      src/base/Login.vue

+ 47 - 1
src/base/Login.vue

@@ -32,7 +32,7 @@
           <input type="password" placeholder="请输入您的密码" class="input" v-model="logData.password">
         </div>
         <div class="tip-line">
-          <span class="cursor">忘记密码?</span>
+          <span class="cursor" @click="changeBox(2)">忘记密码?</span>
           <div class="switch-box">
             <span class="cursor" @click="changeBox(1)">立即注册!</span>
           </div>
@@ -87,6 +87,52 @@
           <el-button>注册</el-button>
         </div>
       </div>
+      <div class="contain" v-show="state=='find'">
+        <div class="tab-box">
+          <span :class="{active:isPhone}" @click="changeTab(0)">手机找回</span>
+          <span :class="{active:isEmail}" @click="changeTab(1)">邮箱找回</span>
+        </div>
+        <div class="login-line">
+          <span  v-show="isEmail">
+          <i class="iconfont icon-tubiao01"></i>
+        </span>
+          <input type="text" placeholder="请输入您的邮箱" v-show="isEmail" prop="email">
+          <span class="area-block" v-show="isPhone">
+          <el-select v-model="value" placeholder="请选择" class="area-select">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </span>
+          <input placeholder="请输入您的手机号码" v-show="isPhone" v-model="logData.mobile" />
+
+        </div>
+        <div class="yanz-line" v-show="isPhone">
+          <input type="text" placeholder="请输入验证码" class="input">
+          <button @click="postMsg()">发送验证码</button>
+        </div>
+        <div class="login-line" v-show="isPhone">
+        <span>
+          <i class="iconfont icon-mima"></i>
+        </span>
+          <input type="password" placeholder="请输入您的密码" class="input" v-model="logData.password">
+        </div>
+        <div class="login-line"  v-show="isPhone">
+        <span>
+          <i class="iconfont icon-mima"></i>
+        </span>
+          <input type="password" placeholder="请再次输入您的密码" class="input" v-model="logData.password">
+        </div>
+        <div class="submit-line" v-show="isEmail">
+          <el-button>发送邮件</el-button>
+        </div>
+        <div class="submit-line" v-show="isPhone">
+          <el-button>修改密码</el-button>
+        </div>
+      </div>
       <div class="contain" v-show="logined">
         <p class="usr-msg">
           欢迎您,{{usr.username}}