refactor: 登录方式切换改为顶部 Tab 左右选择
All checks were successful
continuous-integration/drone/push Build is passing

- 密码登录/验证码登录从底部按钮移到表单顶部
- 与邮箱/手机 Tab 统一风格(胶囊式)
- 删除底部 pass-btn 按钮
- login-type-tabs 深灰底+蓝色高亮
This commit is contained in:
yiqiu
2026-03-19 19:17:40 +08:00
parent d7993cfb37
commit 6610ff4623
2 changed files with 31 additions and 22 deletions

View File

@@ -438,23 +438,35 @@
background: #0E42D2 !important;
}
/* 切换登录方式按钮 */
.pass-btn {
width: 100%;
height: 42px;
margin-left: 0 !important;
margin-top: 10px;
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 8px !important;
color: rgba(139, 148, 158, 0.8) !important;
font-size: 14px !important;
transition: all 0.2s;
/* 登录方式切换 Tab密码/验证码) */
.login-type-tabs {
display: flex;
gap: 0;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.03);
border-radius: 6px;
padding: 3px;
border: 1px solid rgba(255, 255, 255, 0.04);
}
.pass-btn:hover {
.login-type-tab {
flex: 1;
padding: 8px 0;
color: rgba(139, 148, 158, 0.6);
cursor: pointer;
font-size: 13px;
text-align: center;
transition: all 0.25s ease;
border-radius: 4px;
}
.login-type-tab:hover {
color: rgba(255, 255, 255, 0.7);
}
.login-type-tab.active {
color: #FFFFFF !important;
border-color: rgba(22, 93, 255, 0.3) !important;
background: rgba(22, 93, 255, 0.12) !important;
}
/* ---- 第三方登录 ---- */