feat(admin): 登录表单按验收反馈精简——去标签/去底部文案/滑块与输入框等高

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-09-17 17:14:04 +08:00
parent d7121640f5
commit 803fc3d611
4 changed files with 5 additions and 32 deletions
-3
View File
@@ -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"
-3
View File
@@ -172,9 +172,6 @@
"rememberPwd": "保持登录",
"forgetPwd": "忘记密码",
"btnText": "登录",
"accountLabel": "账号",
"passwordLabel": "密码",
"adminAssigned": "账号由管理员分配",
"success": {
"title": "登录成功",
"message": "欢迎回来"
+2 -9
View File
@@ -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>
+3 -17
View File
@@ -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;
}
}