feat:修改商城首页用户信息显示

src/pages/lxMall/components/TopBar/index.less

@@ -146,19 +146,20 @@
               text-align: center;
 
               &:hover {
+                cursor: pointer;
                 span {
                   color: var(--mall_main_color);
                 }
               }
 
-              &>img {
+              img {
                 display: block;
                 margin: 0 auto;
                 width: 40px;
                 height: 40px;
               }
 
-              &>span {
+              span {
                 line-height: 12px;
                 margin-top: 12px;
               }

src/pages/lxMall/components/TopBar/index.tsx

@@ -74,27 +74,35 @@ const TopBar: React.FC<TopBarPropsType> = (props) => {
                   <div className={styles.userInfo_card_header}>
                     <ImageBox width={64} height={64} circle={true} direction="column" imgUrl={defaultAvatar} />
                     <div className={styles.userInfo_card_column}>
-                      <div className={styles.credit_count}>信用积分：<span>{numFormat(1278)}</span></div>
-                      <div className={styles.user_type}>VIP会员</div>
+                      <div className={styles.credit_count}>信用积分：<span>{numFormat(userInfo.score || 0)}</span></div>
+                      <div className={styles.user_type}>{userInfo.levelTag}</div>
                     </div>
                     <div className={styles.sign_out_btn} onClick={handleSignOut}>退出账号</div>
                   </div>
                   <div className={styles.nav_list}>
                     <div className={styles.nav_list_item}>
-                      <img src={AccountSafeIcon} />
-                      <span>账户安全</span>
+                      <Link to="/memberCenter/systemSetting/accountSetting">
+                        <img src={AccountSafeIcon} />
+                        <span>账户安全</span>
+                      </Link>
                     </div>
                     <div className={styles.nav_list_item}>
-                      <img src={memberInfoIcon} />
-                      <span>会员信息</span>
+                      <Link to="/memberCenter/memberAbility/query">
+                        <img src={memberInfoIcon} />
+                        <span>会员信息</span>
+                      </Link>
                     </div>
                     <div className={styles.nav_list_item}>
-                      <img src={capitalAccountIcon} />
-                      <span>资金账户</span>
+                      <Link to="/memberCenter/payandSettle/capitalAccounts/accountLists">
+                        <img src={capitalAccountIcon} />
+                        <span>资金账户</span>
+                      </Link>
                     </div>
                     <div className={styles.nav_list_item}>
-                      <img src={memberBenefitsIcon} />
-                      <span>会员权益</span>
+                      <Link to="/memberCenter/memberAbility/query">
+                        <img src={memberBenefitsIcon} />
+                        <span>会员权益</span>
+                      </Link>
                     </div>
                   </div>
                 </div>
@@ -111,7 +119,9 @@ const TopBar: React.FC<TopBarPropsType> = (props) => {
           <li className={styles.topbar_menu_item}>
             <Link to="/memberCenter/home">会员中心</Link>
           </li>
-          <li className={styles.topbar_menu_item}>我的消息</li>
+          <li className={styles.topbar_menu_item}>
+            <Link to="/memberCenter/systemSetting/message">我的消息</Link>
+          </li>
           <li className={styles.topbar_menu_item}>
             客户服务
           </li>