根据UI图改样式

src/views/Login.vue

@@ -269,11 +269,14 @@ export default {
 
 <style lang="scss">
 #login{
-	.el-tabs__nav-wrap::after {
-		display: none;
+	.el-tabs__nav {
+		width: 100%;
+		display: flex;
 	}
 	.el-tabs__item{
-		font-size: 16px;
+		font-size: 18px;
+		flex: 1;
+		text-align: center;
 	}
 }
 </style>
@@ -307,10 +310,10 @@ export default {
 		}
 		.login-title {
 			color: #333;
-			font-size: 30px;
+			font-size: 38px;
 			display: block;
 			text-align: center;
-			margin-bottom: 30px;
+			margin-bottom: 60px;
 		}
 
 		#login-container {

src/views/login_manage/EmailModel.vue

@@ -27,7 +27,7 @@
                     auto-complete="off"
                     placeholder="请输入图形验证码"
                 >
-                    <div class="pic-box" slot="prepend">
+                    <div class="pic-box" slot="append">
                         <img :src="picSrc" alt="图形验证码"/>
                     </div>
                 </el-input>

src/views/login_manage/MobileModel.vue

@@ -32,7 +32,7 @@
                     auto-complete="off"
                     placeholder="请输入图形验证码"
                 >
-                    <div class="pic-box" slot="prepend">
+                    <div class="pic-box" slot="append">
                         <img :src="picSrc" alt="图形验证码"/>
                     </div>
                 </el-input>

src/views/login_manage/OrdinaryModel.vue

@@ -38,7 +38,7 @@
                         </span>
                     </el-tooltip>
                 </el-checkbox>
-                <el-button type="text" @click="goPage">忘记密码</el-button>
+                <el-button type="text" style="font-size: 16px;" @click="goPage">忘记密码</el-button>
             </el-form-item>
         </el-form>
     </div>

src/views/login_manage/css/formStyle.scss

@@ -1,8 +1,31 @@
 .model-wrap{
+    margin-top: 25px;
     .remember-cont{
-        margin-bottom: 35px;
+        margin-top: -10px;
+        margin-bottom: 60px !important;
+        width: 100%;
         .hint-text{
             color: #606266 !important;
+            font-size: 16px;
+        }
+        .el-form-item__content{
+            display: flex;
+            width: 100%;
+            justify-content: space-between;
+            .remember{
+                flex: 1;
+                .el-checkbox__label{
+                    font-size: 16px;
+                }
+            }
+        }
+    }
+    .el-form-item{
+        margin-bottom: 40px;
+        .el-input__inner{
+            height: 60px;
+            border-radius: 8px;
+            font-size: 18px;
         }
     }
     .el-form-item.is-error{
@@ -12,26 +35,42 @@
     }
     .input-with-slot{
         display: flex;
+        &.el-input-group--prepend{
+            .el-input__inner{
+                border-top-left-radius: 0;
+                border-bottom-left-radius: 0;
+            }
+        }
+        &.el-input-group--append{
+            .el-input__inner{
+                border-top-right-radius: 0;
+                border-bottom-right-radius: 0;
+            }
+        }
         .el-input__inner{
             flex: 1;
-            height: 40px !important;
+            height: 60px !important;
         }
         .el-input-group__prepend,.el-input-group__append{
             padding:0 !important;
             background-color: #fff;
-            width:140px;
-            height: 40px;
+            width:110px;
+            height: 60px;
             box-sizing: border-box;
             .el-input__inner{
                 padding:0;
             }
             .el-select{
                 margin:0;
-                width:140px;
+                width:110px;
+                .el-input__inner{
+                    width:100%;
+                    text-align: center;
+                }
             }
-        }
+        }    
         .pic-box{
-            width:140px;
+            width:110px;
             overflow: hidden;
             padding:5px;
             box-sizing: border-box;