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,11 +16,13 @@ const RecentVisit: React.FC<Iprops> = () => {
         {
           Object.keys(recentVisit).map((item) => {
             return (
-              <div key={item} className={styles.item}>
-                <Link key={item} to={recentVisit[item]}>
+              <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>
 
             )
           })

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,6 +114,7 @@ const UserCenter: React.FC<Iprops> = (props) => {
           </div>
         </Spin>
         <div className={styles.infos}>
+          <div className={styles.user}>
             <div className={styles.userStatus}>
               <span className={styles.company}>{userAuth.company}</span>
               <div className={styles.status}>
@@ -133,8 +134,9 @@ const UserCenter: React.FC<Iprops> = (props) => {
                 </div>
               </div>
             </div>
-          <div className={styles.otherValues}>
             <Link to={EDIT_USER_URL} className={styles.link}>修改会员信息</Link>
+          </div>
+          <div className={styles.otherValues}>
             <div className={styles.divider}>
               <div className={styles.level}>
                 会员等级： <img src={LEVEL_IMAGE[userAuth.level]} className={styles.levelImg} />