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; }