Browse Source

fix:登录页面错误提示样式调整

master
白凤吉 2 weeks ago
parent
commit
51de90df0a
  1. 14
      src/views/login/index.vue

14
src/views/login/index.vue

@ -115,7 +115,7 @@ const loginHandle = async () => {
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}" }"
> >
<el-input v-model="loginForm.name" v-prevent-keyboard size="large" name="name" placeholder="请输入用户名" @focus="openKeyboard">
<el-input v-model="loginForm.name" v-prevent-keyboard size="large" name="name" placeholder="用户名" @focus="openKeyboard">
<template #prepend> <template #prepend>
<img class="input-icon" :src="user" alt=""> <img class="input-icon" :src="user" alt="">
</template> </template>
@ -133,7 +133,7 @@ const loginHandle = async () => {
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}" }"
> >
<el-input v-model="loginForm.pwd" v-prevent-keyboard size="large" name="pwd" placeholder="请输入密码" type="password" @focus="openKeyboard">
<el-input v-model="loginForm.pwd" v-prevent-keyboard size="large" name="pwd" placeholder="密码" type="password" @focus="openKeyboard">
<template #prepend> <template #prepend>
<img class="input-icon" :src="password" alt=""> <img class="input-icon" :src="password" alt="">
</template> </template>
@ -212,4 +212,14 @@ const loginHandle = async () => {
align-items: center; align-items: center;
margin-top: 4rem; margin-top: 4rem;
} }
.login-box {
::v-deep .el-form-item__error {
color: #f56c6c;
font-size: 14px;
font-weight: 600;
margin-top: 4px;
margin-left: 55px;
padding: 0;
}
}
</style> </style>
Loading…
Cancel
Save