diff --git a/src/assets/img/jiesuo.png b/src/assets/img/jiesuo.png
new file mode 100644
index 0000000..8f8b58f
Binary files /dev/null and b/src/assets/img/jiesuo.png differ
diff --git a/src/assets/img/loginBg1.png b/src/assets/img/loginBg1.png
new file mode 100644
index 0000000..df180d1
Binary files /dev/null and b/src/assets/img/loginBg1.png differ
diff --git a/src/assets/img/loginIcon.png b/src/assets/img/loginIcon.png
new file mode 100644
index 0000000..ee396e8
Binary files /dev/null and b/src/assets/img/loginIcon.png differ
diff --git a/src/assets/img/loginbg.png b/src/assets/img/loginbg.png
index 558918c..49fbd79 100644
Binary files a/src/assets/img/loginbg.png and b/src/assets/img/loginbg.png differ
diff --git a/src/assets/img/yonghu.png b/src/assets/img/yonghu.png
new file mode 100644
index 0000000..dc208fa
Binary files /dev/null and b/src/assets/img/yonghu.png differ
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 57f48e4..f03b13c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -2,7 +2,7 @@
-
![]()
+
@@ -28,7 +28,7 @@
-
+
立即登陆
@@ -55,19 +55,45 @@ $loginColor: "#002F7B";
width: 792px;
height: 545px;
background-color: #fff;
+ padding: 0 113px;
+ box-sizing: border-box;
+ box-shadow: -1px 4px 17px 2px rgba(216,218,224,0.5);
+border-radius: 12px;
}
.page_login {
width: 100vw;
height: 100vh;
background-color: #fff;
- background-image: url('../../assets/img/loginbg.png');
+ background-image: url('../../assets/img/loginBg1.png');
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
+ flex-direction: column;
+ position: relative;
+ background-size: cover;
}
+.top_title{
+ position: absolute;
+ left:54px;
+ top:32px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ .top_logo{
+ width: 201px;
+height: 128px;
+ }
+ .top_title_text{
+ color: #01357A;
+ font-size: 34px;
+ font-weight: bold;
+ border-left: 1px solid #01357A;
+ padding-left: 20px;
+ }
+}
:deep(.el-input-group__prepend) {
background-color: #fff;
@@ -81,6 +107,7 @@ $loginColor: "#002F7B";
.el-input__inner {
height: 85px;
+ font-size: 28px;
}
}
@@ -96,9 +123,12 @@ $loginColor: "#002F7B";
display: flex;
justify-content: center;
align-items: center;
- width: 100%;
+ width: 556px;
.el-tabs__item {
width: 50%;
+ font-size: 32px;
+ font-weight: bold;
+ color: #002F7B !important;
}
.is-active {
color: #002F7B !important;
@@ -108,12 +138,32 @@ $loginColor: "#002F7B";
.el-tabs__active-bar {
- background-color: rgba(255,255,255,0) !important;
+ background-color:#fff !important;
+ position: absolute;
&::after{
- content:"",
-
+
+ content:"";
+ display: inline-block;
+ width: 47px;
+ height: 6px;
+ border-radius: 3px;
+ background-color:#002F7B;
+ position: absolute;
+ left: 50%;
+ top:-44px;
+ transform: translateX(-50%);
}
}
+ .el-tabs__content{
+ margin-top: -18px;
+ z-index: 99;
+ }
+}
+
+.loginBtn{
+ display: block;width: 100%;height: 73px;background-color: #002F7B;
+ font-size: 28px;
+ border-radius: 4px;
}