Skip to content

肖康 / cloudSystem

Go to a project
Commit 16beb12a by liangjianmin
Options

feat(login): enhance mobile binding interface and navigation 

- Added a new header section for mobile binding with a back button for improved user navigation.
- Implemented a method to handle returning to the login page, resetting the binding form and countdown state.
- Updated the login logic to correctly switch to the binding interface when the mobile number is already associated with an account.
parent b0863cce
Inline Side-by-side
Showing with 65 additions and 6 deletions
src/assets/css/login/index.less
......@@ -79,6 +79,43 @@ html, body, #app {
margin: 25px 0;
}
.bind-header {
position: relative;
margin: 25px 0;
.back-btn {
position: absolute;
left: 29px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #1969F9;
background: #F1F4FA;
border-radius: 50%;
transition: all 0.2s ease;
i {
font-size: 18px;
}
&:hover {
background: #E5EFFF;
color: #0759E8;
}
}
.tit {
font-size: 20px;
color: #333333;
text-align: center;
margin: 0;
}
}
.tab-container {
margin: 0 auto 25px;
width: 342px;
......
src/assets/css/login/index.min.css
html,body,#app{height:100%}.user-box{height:100%}.user-box .head-box{height:80px;background:#FFFFFF}.user-box .head-box .head-wrap{width:1190px;height:100%;margin:0 auto}.user-box .head-box .head-wrap .logo{width:81px;height:39px}.user-box .head-box .head-wrap .logo img{width:81px;height:39px}.user-box .head-box .head-wrap .line{width:1px;height:22px;color:#e0e0e0;background:#E0E0E0;margin:0 13px 0 15px}.user-box .head-box .head-wrap .text .t1{font-size:15px;color:#333333;line-height:19px;margin-bottom:4px;font-weight:bold}.user-box .head-box .head-wrap .text .t2{font-size:13px;color:#666666;letter-spacing:10px;font-weight:bold}.user-box .section{width:100%;height:calc(100% - 80px);background:url("../../images/bg.png") no-repeat top center;background-size:cover}.user-box .section .section-wrap{position:relative;width:1190px;height:100%;margin:0 auto}.user-box .section .section-wrap .login-box{position:absolute;right:0;top:133px;width:400px;background:#FFFFFF;padding-bottom:40px;border-radius:8px}.user-box .section .section-wrap .login-box .tit{font-size:20px;color:#333333;text-align:center;margin:25px 0}.user-box .section .section-wrap .login-box .tab-container{margin:0 auto 25px;width:342px;display:flex;background:#F1F4FA;border-radius:4px;padding:3px}.user-box .section .section-wrap .login-box .tab-container .tab-item{flex:1;padding:10px 0;font-size:14px;color:#8391AD;cursor:pointer;text-align:center;border-radius:3px;transition:all .2s ease;background:transparent;font-weight:400}.user-box .section .section-wrap .login-box .tab-container .tab-item:hover:not(.active){color:#5a6c85}.user-box .section .section-wrap .login-box .tab-container .tab-item.active{color:#1969F9;font-weight:bold !important;background:#FFFFFF;box-shadow:0 2px 4px rgba(25,105,249,0.15)}.user-box .section .section-wrap .login-box .bar{width:342px;margin:0 auto}.user-box .section .section-wrap .login-box .bar .input-box{position:relative;width:328px;height:43px;background:#FFFFFF;border-radius:2px;border:1px solid #BEC9DF;margin-bottom:20px;transition:all .2s ease;padding-left:12px}.user-box .section .section-wrap .login-box .bar .input-box i.iconfont{padding:12px 0;font-size:20px;color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box .inp{padding-left:9px;height:34px;font-size:14px;background:transparent;border-left:1px solid #BEC9DF;margin-left:12px;letter-spacing:1px}.user-box .section .section-wrap .login-box .bar .input-box .inp::-webkit-input-placeholder{color:#A1ACC1}.user-box .section .section-wrap .login-box .bar .input-box .eye{position:absolute;right:19px;top:13px;font-size:20px;color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box:focus-within{border:1px solid #1969F9}.user-box .section .section-wrap .login-box .bar .input-box.error{border:1px solid #FF1D00}.user-box .section .section-wrap .login-box .bar .code-box .l input{width:210px;height:43px;line-height:43px;border-radius:2px;border:1px solid #BEC9DF;text-indent:17px;font-size:14px}.user-box .section .section-wrap .login-box .bar .code-box .l input::-webkit-input-placeholder{color:#A1ACC1}.user-box .section .section-wrap .login-box .bar .code-box .l input:focus{border:1px solid #1969F9}.user-box .section .section-wrap .login-box .bar .code-box.error .l input{border:1px solid #FF1D00}.user-box .section .section-wrap .login-box .bar .code-box .r{width:118px;height:43px;border-radius:2px;border:1px solid #BEC9DF}.user-box .section .section-wrap .login-box .bar .code-box .r img{width:100%;height:100%}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn{width:118px;height:43px;line-height:43px;text-align:center;background:#A1ACC1;border-radius:2px;font-size:14px;color:#ffffff;display:block;transition:all .2s ease}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn.active{background:#1969F9;cursor:pointer}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn.active:hover{background:#0759E8}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn:not(.active){cursor:not-allowed;opacity:.6}.user-box .section .section-wrap .login-box .bar .text{position:relative;padding:11px 0;line-height:17px}.user-box .section .section-wrap .login-box .bar .text .error{font-size:12px;color:#f10909}.user-box .section .section-wrap .login-box .bar .text a{line-height:17px;font-size:12px;color:#999999}.user-box .section .section-wrap .login-box .bar .btn-submit{width:342px;height:42px;line-height:42px;text-align:center;background:#A1ACC1;border-radius:2px;font-size:20px;color:#ffffff;display:block;letter-spacing:10px;margin:0 auto;transition:all .2s ease}.user-box .section .section-wrap .login-box .bar .btn-submit.active{background:#1969F9}.user-box .section .section-wrap .login-box .bar .btn-submit:hover{background:#0050E0}/*# sourceMappingURL=./index.min.css.map */
\ No newline at end of file
html,body,#app{height:100%}.user-box{height:100%}.user-box .head-box{height:80px;background:#FFFFFF}.user-box .head-box .head-wrap{width:1190px;height:100%;margin:0 auto}.user-box .head-box .head-wrap .logo{width:81px;height:39px}.user-box .head-box .head-wrap .logo img{width:81px;height:39px}.user-box .head-box .head-wrap .line{width:1px;height:22px;color:#e0e0e0;background:#E0E0E0;margin:0 13px 0 15px}.user-box .head-box .head-wrap .text .t1{font-size:15px;color:#333333;line-height:19px;margin-bottom:4px;font-weight:bold}.user-box .head-box .head-wrap .text .t2{font-size:13px;color:#666666;letter-spacing:10px;font-weight:bold}.user-box .section{width:100%;height:calc(100% - 80px);background:url("../../images/bg.png") no-repeat top center;background-size:cover}.user-box .section .section-wrap{position:relative;width:1190px;height:100%;margin:0 auto}.user-box .section .section-wrap .login-box{position:absolute;right:0;top:133px;width:400px;background:#FFFFFF;padding-bottom:40px;border-radius:8px}.user-box .section .section-wrap .login-box .tit{font-size:20px;color:#333333;text-align:center;margin:25px 0}.user-box .section .section-wrap .login-box .bind-header{position:relative;margin:25px 0}.user-box .section .section-wrap .login-box .bind-header .back-btn{position:absolute;left:29px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#1969F9;background:#F1F4FA;border-radius:50%;transition:all .2s ease}.user-box .section .section-wrap .login-box .bind-header .back-btn i{font-size:18px}.user-box .section .section-wrap .login-box .bind-header .back-btn:hover{background:#E5EFFF;color:#0759E8}.user-box .section .section-wrap .login-box .bind-header .tit{font-size:20px;color:#333333;text-align:center;margin:0}.user-box .section .section-wrap .login-box .tab-container{margin:0 auto 25px;width:342px;display:flex;background:#F1F4FA;border-radius:4px;padding:3px}.user-box .section .section-wrap .login-box .tab-container .tab-item{flex:1;padding:10px 0;font-size:14px;color:#8391AD;cursor:pointer;text-align:center;border-radius:3px;transition:all .2s ease;background:transparent;font-weight:400}.user-box .section .section-wrap .login-box .tab-container .tab-item:hover:not(.active){color:#5a6c85}.user-box .section .section-wrap .login-box .tab-container .tab-item.active{color:#1969F9;font-weight:bold !important;background:#FFFFFF;box-shadow:0 2px 4px rgba(25,105,249,0.15)}.user-box .section .section-wrap .login-box .bar{width:342px;margin:0 auto}.user-box .section .section-wrap .login-box .bar .input-box{position:relative;width:328px;height:43px;background:#FFFFFF;border-radius:2px;border:1px solid #BEC9DF;margin-bottom:20px;transition:all .2s ease;padding-left:12px}.user-box .section .section-wrap .login-box .bar .input-box i.iconfont{padding:12px 0;font-size:20px;color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box .inp{padding-left:9px;height:34px;font-size:14px;background:transparent;border-left:1px solid #BEC9DF;margin-left:12px;letter-spacing:1px}.user-box .section .section-wrap .login-box .bar .input-box .inp::-webkit-input-placeholder{color:#A1ACC1}.user-box .section .section-wrap .login-box .bar .input-box .eye{position:absolute;right:19px;top:13px;font-size:20px;color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box:focus-within{border:1px solid #1969F9}.user-box .section .section-wrap .login-box .bar .input-box.error{border:1px solid #FF1D00}.user-box .section .section-wrap .login-box .bar .code-box .l input{width:210px;height:43px;line-height:43px;border-radius:2px;border:1px solid #BEC9DF;text-indent:17px;font-size:14px}.user-box .section .section-wrap .login-box .bar .code-box .l input::-webkit-input-placeholder{color:#A1ACC1}.user-box .section .section-wrap .login-box .bar .code-box .l input:focus{border:1px solid #1969F9}.user-box .section .section-wrap .login-box .bar .code-box.error .l input{border:1px solid #FF1D00}.user-box .section .section-wrap .login-box .bar .code-box .r{width:118px;height:43px;border-radius:2px;border:1px solid #BEC9DF}.user-box .section .section-wrap .login-box .bar .code-box .r img{width:100%;height:100%}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn{width:118px;height:43px;line-height:43px;text-align:center;background:#A1ACC1;border-radius:2px;font-size:14px;color:#ffffff;display:block;transition:all .2s ease}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn.active{background:#1969F9;cursor:pointer}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn.active:hover{background:#0759E8}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn:not(.active){cursor:not-allowed;opacity:.6}.user-box .section .section-wrap .login-box .bar .text{position:relative;padding:11px 0;line-height:17px}.user-box .section .section-wrap .login-box .bar .text .error{font-size:12px;color:#f10909}.user-box .section .section-wrap .login-box .bar .text a{line-height:17px;font-size:12px;color:#999999}.user-box .section .section-wrap .login-box .bar .btn-submit{width:342px;height:42px;line-height:42px;text-align:center;background:#A1ACC1;border-radius:2px;font-size:20px;color:#ffffff;display:block;letter-spacing:10px;margin:0 auto;transition:all .2s ease}.user-box .section .section-wrap .login-box .bar .btn-submit.active{background:#1969F9}.user-box .section .section-wrap .login-box .bar .btn-submit:hover{background:#0050E0}/*# sourceMappingURL=./index.min.css.map */
\ No newline at end of file
src/assets/css/login/index.min.css.map
{"version":3,"sources":["index.less"],"names":[],"mappings":"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"}
\ No newline at end of file
{"version":3,"sources":["index.less"],"names":[],"mappings":"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"}
\ No newline at end of file
src/views/User/login.vue
......@@ -17,7 +17,12 @@
<div class="section-wrap">
<div class="login-box">
<p class="tit" v-if="loginType !== 'bind'">欢迎登录芯链系统</p>
<p class="tit" v-if="loginType === 'bind'">绑定手机号</p>
<div class="bind-header" v-if="loginType === 'bind'">
<a href="javascript:;" class="back-btn" @click="backToLogin()">
<i class="el-icon-arrow-left"></i>
</a>
<p class="tit">绑定手机号</p>
</div>
<!-- Tab切换 -->
<div class="tab-container" v-if="loginType !== 'bind'">
<div class="tab-item" :class="{ active: loginType === 'account' }" @click="switchLoginType('account')">账号登录</div>
......@@ -215,6 +220,23 @@
this.loginType = type;
this.clearAllErrors();
},
/**
* 返回登录页面
*/
backToLogin() {
this.loginType = 'account';
this.clearAllErrors();
// 清空绑定表单数据
this.bindForm = {
mobile: '',
smsCode: ''
};
// 重置倒计时状态
this.canBindSendSms = true;
this.bindSmsText = '发送验证码';
this.bindCountdown = 60;
},
/**
* 更新验证码
*/
......@@ -393,7 +415,7 @@
Util.setCookie("token", res.data.api_token, 1);
//登录时，识别到账号未绑定手机号，则显示绑定手机号窗口
if (!res.data.is_bind_mobile) {
if (res.data.is_bind_mobile) {
this.loginType = 'bind';
this.clearAllErrors();
return;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment