wangxiaowei/tea-admin-parten
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善功能

Browse Source
This commit is contained in:
wangxiaowei
2026-05-20 14:22:02 +08:00
parent a0808685c3
commit 7676de0e1e
1 changed files with 41 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/views/account/login.vue
View File

@ -1,47 +1,45 @@
<template> <template>
<div class="login flex flex-col"> <div class="login flex flex-col">
<div class="flex-1 flex items-center justify-center"> <div class="flex-1 flex items-center justify-center">
<div class="login-card flex rounded-md overflow-hidden"> <div>
<div class="flex-1 h-full hidden md:inline-block"> <div class="login-title w-full flex justify-center items-center mt-10 mb-4">
<image-contain :src="config.login_image" :width="400" height="100%" /> <span class="text-4xl font-bold text-gray-700">茶址-城市合伙人后台管理系统</span>
</div> </div>
<div <div class="flex login-card rounded-md overflow-hidden">
class="login-form bg-body flex flex-col justify-center px-10 py-10 md:w-[400px] w-[375px] flex-none mx-auto" <div class="flex-1 h-full hidden md:inline-block">
> <image-contain
<div class="text-center text-3xl font-medium mb-8">{{ config.web_name }}</div> src="https://chaz.oss-cn-shanghai.aliyuncs.com/fronted/images/chayishi/parten_login.png"
<el-form ref="formRef" :model="formData" size="large" :rules="rules"> :width="400" height="100%" />
<el-form-item prop="account"> </div>
<el-input <div
v-model="formData.account" class="login-form bg-body flex flex-col justify-center px-10 py-10 md:w-[400px] w-[375px] flex-none mx-auto">
placeholder="请输入账号" <div class="text-center text-3xl font-medium mb-8">{{ config.web_name }}</div>
@keyup.enter="handleEnter" <el-form ref="formRef" :model="formData" size="large" :rules="rules">
> <el-form-item prop="account">
<template #prepend> <el-input v-model="formData.account" placeholder="请输入账号" @keyup.enter="handleEnter">
<icon name="el-icon-User" size="16" /> <template #prepend>
</template> <icon name="el-icon-User" size="16" />
</el-input> </template>
</el-form-item> </el-input>
<el-form-item prop="password"> </el-form-item>
<el-input <el-form-item prop="password">
ref="passwordRef" <el-input ref="passwordRef" v-model="formData.password" show-password
v-model="formData.password" placeholder="请输入密码" @keyup.enter="handleLogin">
show-password <template #prepend>
placeholder="请输入密码" <icon name="el-icon-Lock" size="16" />
@keyup.enter="handleLogin" </template>
> </el-input>
<template #prepend> </el-form-item>
<icon name="el-icon-Lock" size="16" /> </el-form>
</template> <div class="mb-5">
</el-input> <el-checkbox v-model="remAccount" label="记住账号"></el-checkbox>
</el-form-item> </div>
</el-form> <el-button type="primary" size="large" :loading="isLock" @click="lockLogin">
<div class="mb-5"> 登录
<el-checkbox v-model="remAccount" label="记住账号"></el-checkbox> </el-button>
</div> </div>
<el-button type="primary" size="large" :loading="isLock" @click="lockLogin">
登录
</el-button>
</div> </div>
</div> </div>
</div> </div>
<layout-footer /> <layout-footer />
@ -125,8 +123,13 @@ onMounted(() => {
.login { .login {
background-image: url('./images/login_bg.png'); background-image: url('./images/login_bg.png');
@apply min-h-screen bg-no-repeat bg-center bg-cover; @apply min-h-screen bg-no-repeat bg-center bg-cover;
.login-card { .login-card {
height: 400px; height: 400px;
} }
.login-title {
min-height: 48px;
}
} }
</style> </style>