🐞 fix(#1000663#3): 调整登录页面的样式问题

src/pages/login/index.module.scss

@@ -5,6 +5,9 @@ page {
   width: 100%;
   height: 100%;
   background-color: white;
+  Image{
+    vertical-align: bottom;
+  }
   &-panel {
     padding: 0 48px;
   }
@@ -14,13 +17,13 @@ page {
       display: block;
       &:first-child {
         font-size: 70px;
-        font-weight: 500;
+        font-weight: 400;
         color: $color_font_one;
       }
       &:last-child {
         font-size: 40px;
         color: #727272;
-        font-weight: 500;
+        font-weight: 550;
         line-height: 2;
       }
     }
@@ -32,15 +35,16 @@ page {
     border: 1px solid #c2c2c2;
     border-radius: 12px;
     margin-top: 40px;
-    padding: 20px;
+    padding: 15px 20px;
     font-size: 40px;
     @mixin inputBaseStyle {
       display: block;
       width: 100%;
       flex: 1 1 auto;
-      padding-left: 20px;
+      padding-left: 15px;
       font-size: 32px;
       padding-right: 0;
+      color: #808080;
     }
     &--account {
       @include inputBaseStyle;
@@ -78,7 +82,7 @@ page {
   margin: 0 20px;
 }
 .quick-login {
-  margin-top: 85px;
+  margin-top: 100px;
   &--options {
     display: flex;
     flex-flow: row nowrap;
@@ -87,6 +91,7 @@ page {
   }
   &--divider{
     font-size: 25px;
+    font-weight: lighter;
     color: #acacac;
   }
   &--iconCard{

src/pages/login/index.tsx

@@ -89,12 +89,12 @@ const Login: FC = () => {
         </View>
         <View className={styles['input-bar']}>
           <IconFont name='icon-yonghuming' size={48} color='#999999'></IconFont>
-          <Divider direction='vertical'></Divider>
+          <Divider direction='vertical' customStyles={{height: '20px',marginLeft: '10px'}}></Divider>
           <Input onInput={handleInputAccount} className={styles['input-bar--account']} placeholder='请输入用户名'></Input>
         </View>
         <View className={styles['input-bar']}>
           <IconFont name='icon-mima' size={48} color='#999999'></IconFont>
-          <Divider direction='vertical'></Divider>
+          <Divider direction='vertical' customStyles={{height: '20px',marginLeft: '10px'}}></Divider>
           <Input onInput={handleInputPassword} password={eyesStatus} className={styles['input-bar--password']} type='text' placeholder='请输入密码'></Input>
           <View onClick={handlePwdVisible}>
             {!eyesStatus ? (
@@ -106,15 +106,15 @@ const Login: FC = () => {
         </View>
         <View className={styles['login-options']}>
           <View className={styles['login-option']}>
-            <MCheckbox status={isRemember} size='small' circle onSelect={selectCallBack} onClose={closeCallBack}>
+            {/* <MCheckbox status={isRemember} size='small' circle onSelect={selectCallBack} onClose={closeCallBack}>
               记住密码
-            </MCheckbox>
+            </MCheckbox> */}
           </View>
           <View className={styles['login-option']} onClick={handleForgetPwd}>
             <Text className={styles.isForgetPwd}>忘记密码？</Text>
           </View>
         </View>
-        <NormalButton circle onClick={handleLogin} customClassName={styles['login-button']}>
+        <NormalButton circle onClick={handleLogin} customClassName={styles['login-button']} disabled={account === '' || password === ''}>
           登录
         </NormalButton>
         <QuickLogin />