|
|
@@ -7,7 +7,7 @@
|
|
|
width: 100%;
|
|
|
height: 100vh;
|
|
|
background-image: url("http://xh-erp.7in6.com/img/bg1.jpg");
|
|
|
- background-size: cover; /* 等比例放大或缩小背景图以完全覆盖容器 */
|
|
|
+ background-size: cover;
|
|
|
background-repeat: no-repeat;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
@@ -15,7 +15,7 @@
|
|
|
align-items: center;
|
|
|
margin: 0;
|
|
|
position: relative;
|
|
|
- background-position: center;
|
|
|
+ /*background-position: center;*/
|
|
|
filter: brightness(1.2); /* 调整亮度 */
|
|
|
}
|
|
|
|
|
|
@@ -26,23 +26,28 @@
|
|
|
.login-wrapper {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- align-items: center;
|
|
|
+ align-items: flex-end;
|
|
|
+ flex: 1 10 1;
|
|
|
width: 100%;
|
|
|
padding: 20px;
|
|
|
box-sizing: border-box;
|
|
|
+ margin-right: 20%;margin-top: 10%;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.login-screen {
|
|
|
width: 100%;
|
|
|
- max-width: 600px;
|
|
|
- display: flex;
|
|
|
+ max-width: 475px;
|
|
|
+ /* display: flex; */
|
|
|
flex-direction: column;
|
|
|
- align-items: center;
|
|
|
+ align-items: end;
|
|
|
border-radius: 3px;
|
|
|
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
|
|
|
- padding: 20px;
|
|
|
+ padding: 15px;
|
|
|
box-sizing: border-box;
|
|
|
+
|
|
|
+ background-color: rgba(115, 162, 229, 0.1);
|
|
|
}
|
|
|
|
|
|
.profile-img-card {
|
|
|
@@ -101,6 +106,7 @@
|
|
|
.head .head-title {
|
|
|
font-size: 24px;
|
|
|
margin: 0;
|
|
|
+ margin-top: 30px;
|
|
|
text-align: center;
|
|
|
color: whitesmoke;
|
|
|
font-family: 'Songti', '宋体', serif;
|
|
|
@@ -187,6 +193,8 @@
|
|
|
<p class="head-title">浙江新华数码印务有限公司</p>
|
|
|
</div>
|
|
|
<div class="login-wrapper">
|
|
|
+ <div class="tmbg">
|
|
|
+ </div>
|
|
|
<div class="login-screen">
|
|
|
<p class="head-title-logo">生产经营驾驶舱系统</p>
|
|
|
<div>
|
