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

登录样式更改

This commit is contained in:
zzyuan 2024-09-29 15:22:54 +08:00
parent a23ae3f438
commit f09329592c
2 changed files with 43 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/dp-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 238 KiB

52
src/views/login1.vue
View File

@ -1,6 +1,11 @@
<template> <template>
<div class="container"> <div class="container">
<div class="lef-cont"> <div class="bg-cont">
<div class="bg">
<img src="@/assets/images/dp-bg.png">
</div>
</div>
<!-- <div class="lef-cont">
<div class="circle1"></div> <div class="circle1"></div>
<div class="circle2"></div> <div class="circle2"></div>
<div class="tit"> <div class="tit">
@ -14,11 +19,12 @@
<div class="img-cont"> <div class="img-cont">
<img src="@/assets/images/warn-bg.png"> <img src="@/assets/images/warn-bg.png">
</div> </div>
</div> </div> -->
<div class="login"> <div class="login">
<h3 class="title">基建现场物联感知数据监测分析系统</h3>
<div class="login-form"> <div class="login-form">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" >
<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
@ -160,6 +166,10 @@
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="bottom-info">
版权所有权归国网电力工程技术研究院有限公司
</div>
</div> </div>
</template> </template>
@ -399,11 +409,26 @@ export default {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
flex-wrap: wrap;
background-color: #EAF0FB;
height: 100%; height: 100%;
} }
.bg-cont{
width: 50%;
height: 90%;
display: flex;
justify-content: flex-end;
align-items: center;
.bg{
width: 90%;
height: 70%;
img{
width: 100%;
height: 100%;
}
}
}
.lef-cont{ .lef-cont{
width: 50%; width: 50%;
height: 100%; height: 100%;
background-color: #7288FA; background-color: #7288FA;
@ -454,12 +479,21 @@ export default {
} }
.bottom-info{
width: 100%;
height: 10%;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #1E67E7;
}
.login { .login {
width: 50%; width: 50%;
height: 90%;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%;
} }
.title { .title {
@ -467,13 +501,13 @@ export default {
margin: 0 auto 50px; margin: 0 auto 50px;
text-align: center; text-align: center;
font-size: 32px; font-size: 32px;
color: #000; color: #1E67E7;
} }
.login-form { .login-form {
border-radius: 6px; border-radius: 6px;
background: #ffffff; background: #ffffff;
width: 400px; width: 60%;
padding: 25px; padding: 25px;
.el-input { .el-input {