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