bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

登录页完善

This commit is contained in:
BianLzhaoMin 2025-01-02 10:17:06 +08:00
parent 9bdb41d40c
commit 24d3646b1f
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/newLogin.vue
View File

@ -2,15 +2,14 @@
<div class="container"> <div class="container">
<div class="login"> <div class="login">
<div class="login-left">背景--</div> <div class="login-left">背景--</div>
<div class="login-right"></div> <div class="login-right">
<!-- <div class="login-form">
<el-form <el-form
ref="loginForm" ref="loginForm"
:model="loginForm" :model="loginForm"
:rules="loginRules" :rules="loginRules"
class="login-form" class="login-form"
> >
<h3 class="title">博诺思后台管理系统--</h3> <h3 class="title">用户登录</h3>
<template v-if="loginMethod === 'password'"> <template v-if="loginMethod === 'password'">
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input
@ -190,7 +189,7 @@
<span v-else>登 录 中...</span> <span v-else>登 录 中...</span>
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item> <!-- <el-form-item>
<div class="login-divider">第三方登录</div> <div class="login-divider">第三方登录</div>
<div class="login-icons"> <div class="login-icons">
<div class="login-icon"> <div class="login-icon">
@ -203,9 +202,9 @@
<img :src="qq" alt="QQ" /> <img :src="qq" alt="QQ" />
</div> </div>
</div> </div>
</el-form-item> </el-form-item> -->
</el-form> </el-form>
</div> --> </div>
</div> </div>
</div> </div>
</template> </template>
@ -503,7 +502,6 @@ export default {
height: 100%; height: 100%;
background: linear-gradient(to bottom, #8252fd, #3880fe, #fff); background: linear-gradient(to bottom, #8252fd, #3880fe, #fff);
// background-image: url("../assets/images/bg.png"); // background-image: url("../assets/images/bg.png");
background-size: cover; background-size: cover;
} }
@ -536,8 +534,10 @@ export default {
.login-form { .login-form {
border-radius: 6px; border-radius: 6px;
background: #ffffff; background: #ffffff;
width: 400px; // width: 400px;
padding: 25px; padding: 25px;
width: 100%;
height: 100%;
.el-input { .el-input {
height: 38px; height: 38px;