修改pc端样式

src/components/login/login.css

@@ -69,11 +69,17 @@
   width: 100%;
   width: 100%;
   margin: 0 auto;
   margin: 0 auto;
   border-radius: 12px;
   border-radius: 12px;
+  /* 平板（≥768px） */
 }
 }
 .login .login-container .login-form .login-form-item .login-form-input-container .login-form-single-label {
 .login .login-container .login-form .login-form-item .login-form-input-container .login-form-single-label {
   font-size: 32px;
   font-size: 32px;
   font-weight: bold;
   font-weight: bold;
 }
 }
+@media (min-width: 430px) {
+  .login .login-container .login-form .login-form-item .login-form-input-container .login-form-single-container {
+    height: 86px;
+  }
+}
 .login .login-container .login-form .login-form-item .login-form-input-container .login-form-single-container {
 .login .login-container .login-form .login-form-item .login-form-input-container .login-form-single-container {
   width: 100%;
   width: 100%;
   padding: 22px 24px;
   padding: 22px 24px;

src/components/login/login.less

@@ -50,7 +50,7 @@
           .login-input-top-icon {
           .login-input-top-icon {
             width: 1.5rem;
             width: 1.5rem;
             height: 1.5rem;
             height: 1.5rem;
-            margin-bottom: .6rem;
+            margin-bottom: 0.6rem;
           }
           }
           .login-input-top-font {
           .login-input-top-font {
             color: #f5222d;
             color: #f5222d;
@@ -65,9 +65,15 @@
             font-size: 32px;
             font-size: 32px;
             font-weight: bold;
             font-weight: bold;
           }
           }
+          /* 平板（≥768px） */
+          @media (min-width: 430px) {
+            .login-form-single-container {
+              height: 86px;
+            }
+          }
           .login-form-single-container {
           .login-form-single-container {
             width: 100%;
             width: 100%;
-            padding:22px 24px;
+            padding: 22px 24px;
             border: 1px solid #d23a29;
             border: 1px solid #d23a29;
             border-radius: 5px;
             border-radius: 5px;
             margin-bottom: 45px;
             margin-bottom: 45px;

src/components/login/loginForm.jsx

@@ -480,7 +480,6 @@ class LoginForm extends Component {
           </div>
           </div>
         </div>
         </div>
         <div className="login-form-input-container">
         <div className="login-form-input-container">
-          {/* <div className="login-form-single-label">用户名</div> */}
           <div
           <div
             className="login-form-single-container"
             className="login-form-single-container"
             onClick={this.usernameInputClick}
             onClick={this.usernameInputClick}
@@ -500,12 +499,6 @@ class LoginForm extends Component {
               />
               />
             </div>
             </div>
           </div>
           </div>
-          {/* <div
-            className="login-form-single-label"
-            style={{ marginTop: "15px", marginTop: "40px" }}
-          >
-            密码
-          </div> */}
           <div
           <div
             className="login-form-single-container"
             className="login-form-single-container"
             onClick={this.passwordInputClick}
             onClick={this.passwordInputClick}
@@ -540,19 +533,12 @@ class LoginForm extends Component {
               )}
               )}
             </div>
             </div>
           </div>
           </div>
-          {/* <div
-            className="login-form-single-label"
-            style={{ marginTop: "15px", marginTop: "40px" }}
-          >
-            验证码
-          </div> */}
           <div
           <div
             className="login-form-single-container"
             className="login-form-single-container"
             style={{
             style={{
               display: "flex",
               display: "flex",
               justifyContent: "space-between",
               justifyContent: "space-between",
               alignItems: "center",
               alignItems: "center",
-              padding: "10px 24px",
             }}
             }}
           >
           >
             <div className="form-item">
             <div className="form-item">
@@ -570,7 +556,7 @@ class LoginForm extends Component {
               />
               />
             </div>
             </div>
             <img
             <img
-              style={{ height: "68px" }}
+              style={{ height: "100%" }}
               src={`https://hqjddj.shanghaiairport.com/system/api//public/getCaptcha?companyCode=zhdj&siteCode=edu&captchaKey=${this.state.captchaKey}`}
               src={`https://hqjddj.shanghaiairport.com/system/api//public/getCaptcha?companyCode=zhdj&siteCode=edu&captchaKey=${this.state.captchaKey}`}
               onClick={() => {
               onClick={() => {
                 this.getCaptchaKey();
                 this.getCaptchaKey();