fix: 三方登录页

src/pages/account/Center/bind/index.less

@@ -1,18 +1,15 @@
 .cards {
-  position: absolute;
-  top: 150px;
-  left: 17%;
   box-sizing: border-box;
-  width: 66%;
+  width: 850px;
   background: #fff;
   border: 1px solid #e0e4e8;
   border-radius: 2px;
 
   .title {
-    margin: 50px 0;
+    margin: 30px 0;
     color: #0f1222;
     font-weight: 400;
-    font-size: 24px;
+    font-size: 20px;
     font-family: 'PingFang SC';
     font-style: normal;
     line-height: 25px;
@@ -29,7 +26,7 @@
       margin-left: 10px;
       color: rgba(0, 0, 0, 0.85);
       font-weight: 400;
-      font-size: 16px;
+      font-size: 14px;
       font-family: 'PingFang SC';
       font-style: normal;
       line-height: 24px;
@@ -39,14 +36,14 @@
       display: flex;
       flex-direction: column;
       align-items: center;
-      width: 300px;
+      width: 280px;
 
       .fonts {
         font-weight: 400;
-        font-size: 16px;
+        font-size: 14px;
         font-family: 'PingFang SC';
         font-style: normal;
-        line-height: 16px;
+        line-height: 14px;
         opacity: 0.75;
         mix-blend-mode: normal;
       }

src/pages/account/Center/bind/index.tsx

@@ -44,9 +44,12 @@ const Bind = () => {
       <div
         style={{
           width: '100%',
-          height: '100%',
+          height: '100vh',
           background: `url(${bindPage}) no-repeat`,
           backgroundSize: '100% 100%',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
         }}
       >
         <div className={styles.cards}>
@@ -64,14 +67,14 @@ const Bind = () => {
             >
               <div className={styles.item}>
                 <div style={{ height: 100, marginTop: 10, marginBottom: 10 }}>
-                  <img src={logo} style={{ width: 90, height: 90 }} />
+                  <img src={logo} style={{ height: 70 }} />
                 </div>
                 <p className={styles.fonts}>账号：{user?.username}</p>
                 <p className={styles.fonts}>用户名：{user?.name}</p>
               </div>
             </Card>
             <div style={{ position: 'relative', top: '135px', margin: '0 20px' }}>
-              <img src={Vector} />
+              <img src={Vector} style={{ height: '15px' }} />
             </div>
             <Card
               title={
@@ -85,13 +88,14 @@ const Bind = () => {
             >
               <div className={styles.item}>
                 <div style={{ height: 100, marginTop: 10, marginBottom: 10 }}>
-                  <img style={{ height: 80 }} src={iconMap.get(bindUser?.type)} />
+                  <img style={{ height: 70 }} src={iconMap.get(bindUser?.type)} />
                 </div>
                 <p className={styles.fonts}>账户：{bindUser?.providerName}</p>
                 <p className={styles.fonts}>用户名：{bindUser?.result.others.name}</p>
               </div>
             </Card>
           </div>
+          {}
           <div className={styles.btn}>
             <Button
               style={{ marginTop: 30, marginBottom: 30 }}