feat(admin): 登录表单按验收反馈精简——去标签/去底部文案/滑块与输入框等高
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -172,9 +172,6 @@
|
||||
"rememberPwd": "Stay signed in",
|
||||
"forgetPwd": "Forgot password",
|
||||
"btnText": "Login",
|
||||
"accountLabel": "Account",
|
||||
"passwordLabel": "Password",
|
||||
"adminAssigned": "Accounts are assigned by the administrator",
|
||||
"success": {
|
||||
"title": "Login successful",
|
||||
"message": "Welcome back"
|
||||
|
||||
@@ -172,9 +172,6 @@
|
||||
"rememberPwd": "保持登录",
|
||||
"forgetPwd": "忘记密码",
|
||||
"btnText": "登录",
|
||||
"accountLabel": "账号",
|
||||
"passwordLabel": "密码",
|
||||
"adminAssigned": "账号由管理员分配",
|
||||
"success": {
|
||||
"title": "登录成功",
|
||||
"message": "欢迎回来"
|
||||
|
||||
@@ -12,12 +12,11 @@
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-position="top"
|
||||
:key="formKey"
|
||||
@keyup.enter="handleSubmit"
|
||||
class="login-form"
|
||||
>
|
||||
<ElFormItem :label="$t('login.accountLabel')" prop="username">
|
||||
<ElFormItem prop="username">
|
||||
<ElInput
|
||||
class="custom-height"
|
||||
:placeholder="$t('login.placeholder.username')"
|
||||
@@ -25,7 +24,7 @@
|
||||
v-model.trim="formData.username"
|
||||
/>
|
||||
</ElFormItem>
|
||||
<ElFormItem :label="$t('login.passwordLabel')" prop="password">
|
||||
<ElFormItem prop="password">
|
||||
<ElInput
|
||||
class="custom-height"
|
||||
:placeholder="$t('login.placeholder.password')"
|
||||
@@ -81,12 +80,6 @@
|
||||
{{ $t('login.btnText') }}
|
||||
</ElButton>
|
||||
</div>
|
||||
|
||||
<div class="admin-assigned">
|
||||
<span class="line"></span>
|
||||
<span class="text">{{ $t('login.adminAssigned') }}</span>
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</ElForm>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -43,23 +43,9 @@
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
/* 表单标签样式 */
|
||||
:deep(.el-form-item__label) {
|
||||
color: #1a1a1a;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* 账号由管理员分配 */
|
||||
.admin-assigned {
|
||||
@apply flex items-center justify-center gap-3 mt-8;
|
||||
|
||||
.line {
|
||||
@apply inline-block w-6 h-px bg-[#D3D9E3];
|
||||
}
|
||||
|
||||
.text {
|
||||
@apply text-[13px] text-[#9AA3B2];
|
||||
}
|
||||
/* 滑块去内部边框,高度宽度与输入框严格一致(56px/440px) */
|
||||
:deep(.drag_verify) {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user