修改登录页样式

This commit is contained in:
GGJ
2024-10-17 15:48:11 +08:00
parent e0c93573a4
commit 98606adf01

View File

@@ -12,41 +12,24 @@
</div> </div>
<el-form :rules="rules" ref="formRef" size="large" class="login-form" :model="form"> <el-form :rules="rules" ref="formRef" size="large" class="login-form" :model="form">
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input ref="usernameRef" v-model="form.username" type="text" clearable style="width: 368px"
ref="usernameRef" placeholder="用户名" autocomplete="off">
v-model="form.username"
type="text"
clearable
placeholder="用户名"
autocomplete="off"
>
<template #prefix> <template #prefix>
<span class="iconfont icon-yonghu" style="color: #003078"></span> <span class="iconfont icon-yonghu" style="color: #003078"></span>
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input <el-input ref="passwordRef" v-model="form.password" type="password" placeholder="密码" show-password
ref="passwordRef" style="width: 368px" autocomplete="off">
v-model="form.password"
type="password"
placeholder="密码"
show-password
autocomplete="off"
>
<template #prefix> <template #prefix>
<span class="iconfont icon-mima" style="color: #003078"></span> <span class="iconfont icon-mima" style="color: #003078"></span>
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button :loading="state.submitLoading" class="submit-btn" round style="width: 368px" type="info"
:loading="state.submitLoading" @click="onSubmit(formRef)">
class="submit-btn"
round
type="info"
@click="onSubmit(formRef)"
>
登录 登录
</el-button> </el-button>
</el-form-item> </el-form-item>