fix: 修改首页最近访问，广告样式

src/pages/home/components/AdvertisementSpace/index.less

@@ -40,6 +40,8 @@
 // }
 .advertisementSpace {
   margin-bottom: 16px;
+  border-radius: 8px;
+  overflow: hidden;
   height: 217px;
   .img {
     width: 100%;

src/pages/home/components/RecentVisit/index.less

@@ -29,6 +29,10 @@
       align-items: center;
       a {
         color: #303133;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        word-break: break-all;
       }
     }
   }

src/pages/home/components/RecentVisit/index.tsx

 import React from 'react';
 import styles from './index.less';
 import menu_zh from '@/locales/zh-CN/menu';
+import { Tooltip } from 'antd';
 import { Link } from 'umi';
 interface Iprops {}
 
@@ -15,12 +16,14 @@ const RecentVisit: React.FC<Iprops> = () => {
         {
           Object.keys(recentVisit).map((item) => {
             return (
-              <div key={item} className={styles.item}>
-                <Link key={item} to={recentVisit[item]}>
-                  { menu_zh[item] }
-                </Link>
-              </div> 
-              
+              <Tooltip key={item} placement="top" title={ menu_zh[item] }>
+                <div  className={styles.item}>
+                  <Link key={item} to={recentVisit[item]} >
+                    { menu_zh[item] }
+                  </Link>
+                </div>
+              </Tooltip>
+
             )
           })
         }
@@ -29,4 +32,4 @@ const RecentVisit: React.FC<Iprops> = () => {
   )
 }
 
-export default RecentVisit
\ No newline at end of file
+export default RecentVisit

src/pages/home/components/UserCenter/index.less

@@ -100,6 +100,14 @@
       justify-content: space-between;
       flex: 1;
 
+      .user {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        flex: 1;
+      }
+
       // .userStatus {
       //   display: flex;
       //   flex-direction: row;
@@ -128,6 +136,7 @@
         display: flex;
         flex-direction: row;
         align-items: center;
+        flex: 1;
 
         .link {
           width: 88px;
@@ -141,12 +150,14 @@
           display: flex;
           flex-direction: row;
           align-items: center;
+          flex: 1;
 
           .level {
             display: flex;
             flex-direction: row;
             justify-content: center;
             width: 140px;
+            margin-right: auto;
             .levelImg {
               height: 16px;
             }
@@ -155,6 +166,7 @@
           .score {
             width: 140px;
             text-align: center;
+            margin-right: auto;
           }
         }
       }

src/pages/home/components/UserCenter/index.tsx

@@ -114,27 +114,29 @@ const UserCenter: React.FC<Iprops> = (props) => {
           </div>
         </Spin>
         <div className={styles.infos}>
-          <div className={styles.userStatus}>
-            <span className={styles.company}>{userAuth.company}</span>
-            <div className={styles.status}>
-              <div className={styles.roles}>
-                {
-                  currentRole.map((item, key) => {
-                    return (
-                      <div style={{marginRight: '16px'}} key={key}>
-                        <StatusTag type={"success"}  title={item.memberRoleName} />
-                      </div>
-                    )
-                  })
-                }
-              </div>
-              <div style={{marginTop: '13px'}}>
-                <Badge status={STATUS_COLOR[userAuth.validateStatus]} text={userAuth.validateStatusDesc} />
+          <div className={styles.user}>
+            <div className={styles.userStatus}>
+              <span className={styles.company}>{userAuth.company}</span>
+              <div className={styles.status}>
+                <div className={styles.roles}>
+                  {
+                    currentRole.map((item, key) => {
+                      return (
+                        <div style={{marginRight: '16px'}} key={key}>
+                          <StatusTag type={"success"}  title={item.memberRoleName} />
+                        </div>
+                      )
+                    })
+                  }
+                </div>
+                <div style={{marginTop: '13px'}}>
+                  <Badge status={STATUS_COLOR[userAuth.validateStatus]} text={userAuth.validateStatusDesc} />
+                </div>
               </div>
             </div>
+            <Link to={EDIT_USER_URL} className={styles.link}>修改会员信息</Link>
           </div>
           <div className={styles.otherValues}>
-            <Link to={EDIT_USER_URL} className={styles.link}>修改会员信息</Link>
             <div className={styles.divider}>
               <div className={styles.level}>
                 会员等级： <img src={LEVEL_IMAGE[userAuth.level]} className={styles.levelImg} />