|
|
@@ -4,14 +4,16 @@
|
|
|
<div class="banner">
|
|
|
|
|
|
<div class="content">
|
|
|
- <img style="width: 340px;height: 60px;margin: 20px;" src="@/assets/img/login/logo1_b.png" />
|
|
|
-
|
|
|
+ <div class="logo">
|
|
|
+ <img style="width: 40px;height: 40px;" src="@/assets/img/login/logo1_b.png" />
|
|
|
+ <span style="color: #36a7f3;font-size: 20px; font-weight: 700;">盐都区工信局办公自动化平台</span>
|
|
|
+ </div>
|
|
|
<div class="content2">
|
|
|
|
|
|
<div style="width: 50%;display: flex;flex-direction: row-reverse;">
|
|
|
<img style="width: 80%; height: 80%;margin-top:100px " src="@/assets/img/login/loginbg2.jpg" />
|
|
|
</div>
|
|
|
- <div class="content3" >
|
|
|
+ <div class="content3">
|
|
|
<LoginForm />
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -55,7 +57,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
productName: "",
|
|
|
- imagepic:image2
|
|
|
+ imagepic: image2
|
|
|
};
|
|
|
},
|
|
|
beforeCreate() {
|
|
|
@@ -120,10 +122,12 @@ export default {
|
|
|
.content3 {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- width: 50%;height: 100%;
|
|
|
+ width: 50%;
|
|
|
+ height: 100%;
|
|
|
padding-left: 25px;
|
|
|
padding-top: 160px;
|
|
|
}
|
|
|
+
|
|
|
.footer {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
@@ -134,18 +138,12 @@ export default {
|
|
|
|
|
|
.logo {
|
|
|
position: fixed;
|
|
|
- top: 24px;
|
|
|
padding-left: 22px;
|
|
|
height: 80px;
|
|
|
z-index: 1;
|
|
|
width: 40%;
|
|
|
display: inline-flex;
|
|
|
align-items: center;
|
|
|
- background: linear-gradient(
|
|
|
- 270deg,
|
|
|
- rgba(73, 147, 244, 0.5),
|
|
|
- rgba(135, 181, 245, 0.5)
|
|
|
- );
|
|
|
|
|
|
&-text {
|
|
|
margin-right: 4px;
|
