feat:修改样式

src/components/CheckBeforeSendCode.less

@@ -28,6 +28,7 @@
   .nc_scale .nc_ok, .nc_scale .nc_bg {
     background: #2966FF;
     border-radius: 4px 0 0 4px;
+    opacity: 0.3;
   }
   .nc_scale .btn_ok {
     color: #2966FF;

src/core/antd.less

@@ -268,7 +268,7 @@ background-color: #F0F2F5 !important;
     display: inline-block;
     position: absolute;
     width: 30px;
-    height: 2px;
+    height: 4px;
     background: #2966FF !important;
     left: 50%;
     transform: translateX(-50%);

src/modules/root/Login.jsx

@@ -151,6 +151,7 @@ function Login(props) {
 
   return (
     <div className="login-page" >
+      <div className="logo-img-box"><img src="https://image.xiaomaiketang.com/xm/6k8PPCmywG.png" className="logo-img"/></div>
       <div className="login-main">
         <div className="left-banner">
           <div className="img-box"><img src="https://image.xiaomaiketang.com/xm/CDCcdAdaPs.png" alt="" /></div>

src/modules/root/Login.less

@@ -7,6 +7,17 @@
   background: #F4F6FA;
   height: 100%;
   overflow-y: hidden;
+  .logo-img-box{
+    position: absolute;
+    top:24px;
+    right:32px;
+    z-index:1;
+    .logo-img{
+      width:120px;
+      display: inline-block;
+    }
+  }
+ 
   .login-main {
     min-width: 1200px;
     display: flex;
@@ -75,8 +86,8 @@
       display: -webkit-flex;
       flex-direction: row;
       -webkit-flex-direction: row;
-      width: 380px;
-      height: 380px;
+      width: 420px;
+      height: 420px;
       position: absolute;
       left: 50%;
       top:50%;
@@ -86,9 +97,7 @@
       border-radius: 4px; 
       .ant-tabs-tab-btn {
         color: #999999;
-        font-size: 16px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
+        font-size: 18px;
         line-height: 25px;
         &.ant-tabs-tab-active {
           color: #333333;
@@ -98,6 +107,7 @@
       .ant-tabs-tab-active {
         .ant-tabs-tab-btn {
           color: #333333;
+          font-weight:bold;
         }
       }
       .ant-tabs-nav::before {
@@ -171,7 +181,7 @@
         flex: 1;
         -webkit-flex: 1;
         height: 100%;
-        padding: 24px;
+        padding: 40px;
         box-sizing: border-box;
         position: relative;
         &.show-qrcode {
@@ -187,6 +197,9 @@
             }
           }
         }
+        .login-form{
+          margin-top:32px;
+        }
         .qrcode {
           display: none;
           text-align: center;

src/modules/root/WechatLogin.less

@@ -12,21 +12,24 @@
     }
     .rwm{
         position: relative;
-        width: 160px;
-        height: 160px;
+        width: 210px;
+        height: 210px;
         text-align: center;
         display: inline-block;
         margin-top: 24px;
+        border: 1px solid #e8e8e8;
+        border-radius: 2px;
+        padding:15px;
         .error{
             position: absolute;
-            width: 170px;
-            height: 170px;
+            width: 200px;
+            height: 200px;
             background: rgba(255, 255, 255, 0.95);
             display: flex;
             align-items:center;
             justify-content:center;
-            left:-5px;
-            top:-5px;
+            left:5px;
+            top:5px;
             div{
                 margin: 0 10px;
                 font-size: 14px;

src/modules/root/WechatLogin.tsx

@@ -36,7 +36,7 @@ export default function WechatLogin(props: any) {
                 let qrnode = new qrcode({
                     text: redirect,
                     correctLevel: 2,
-                    size: 160,
+                    size: 180,
                     image: 'https://image.xiaomaiketang.com/xm/Newk4NrxKC.png',
                     imageSize: 50
                 });