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

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

@ -1,34 +1,30 @@
<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="login-title w-full flex justify-center items-center mt-10 mb-4">
<span class="text-4xl font-bold text-gray-700">茶址-城市合伙人后台管理系统</span>
</div>
<div class="flex login-card rounded-md overflow-hidden">
<div class="flex-1 h-full hidden md:inline-block"> <div class="flex-1 h-full hidden md:inline-block">
<image-contain :src="config.login_image" :width="400" height="100%" /> <image-contain
src="https://chaz.oss-cn-shanghai.aliyuncs.com/fronted/images/chayishi/parten_login.png"
:width="400" height="100%" />
</div> </div>
<div <div
class="login-form bg-body flex flex-col justify-center px-10 py-10 md:w-[400px] w-[375px] flex-none mx-auto" 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="text-center text-3xl font-medium mb-8">{{ config.web_name }}</div> <div class="text-center text-3xl font-medium mb-8">{{ config.web_name }}</div>
<el-form ref="formRef" :model="formData" size="large" :rules="rules"> <el-form ref="formRef" :model="formData" size="large" :rules="rules">
<el-form-item prop="account"> <el-form-item prop="account">
<el-input <el-input v-model="formData.account" placeholder="请输入账号" @keyup.enter="handleEnter">
v-model="formData.account"
placeholder="请输入账号"
@keyup.enter="handleEnter"
>
<template #prepend> <template #prepend>
<icon name="el-icon-User" size="16" /> <icon name="el-icon-User" size="16" />
</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="formData.password" show-password
ref="passwordRef" placeholder="请输入密码" @keyup.enter="handleLogin">
v-model="formData.password"
show-password
placeholder="请输入密码"
@keyup.enter="handleLogin"
>
<template #prepend> <template #prepend>
<icon name="el-icon-Lock" size="16" /> <icon name="el-icon-Lock" size="16" />
</template> </template>
@ -43,6 +39,8 @@
</el-button> </el-button>
</div> </div>
</div> </div>
</div>
</div> </div>
<layout-footer /> <layout-footer />
</div> </div>
@ -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>