feat: 调整会员详情头部右侧渲染内容

src/pages/member/components/Bookmark/Item.tsx

@@ -44,19 +44,21 @@ const BookmarkItem: React.FC<IProps> = (props: IProps) => {
   };
 
   return (
-    <li
-      className={classNames(styles['bookmark-item'], {
-        [styles['bookmark-item-active']]: value === bookmarkContext.value,
-      })}
-      onClick={handleClick}
-    >
-      {icon ? (
-        <div className={styles['bookmark-item-left']}>
-          {icon}
+    <li className={styles['bookmark-itemWrap']}>
+      <div
+        className={classNames(styles['bookmark-item'], {
+          [styles['bookmark-item-active']]: value === bookmarkContext.value,
+        })}
+        onClick={handleClick}
+      >
+        {icon ? (
+          <div className={styles['bookmark-item-left']}>
+            {icon}
+          </div>
+        ) : null}
+        <div className={styles['bookmark-item-center']}>
+          {title}
         </div>
-      ) : null}
-      <div className={styles['bookmark-item-center']}>
-        {title}
       </div>
     </li>
   );

src/pages/member/components/Bookmark/index.less

 @import '~antd/es/style/themes/default.less';
 
 .bookmark {
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  border: 1px solid #E4E6EB;
   list-style: none;
   padding: 0;
-  margin: 0;
+  margin: -@padding-xss;
+
+  &-itemWrap {
+    padding: @padding-xss;
+  }
 
   &-item {
     padding: @padding-xs @padding-md;
     display: flex;
     align-items: center;
-    background-color: #FFFFFF;
-    color: #6B778C;
+    background-color: @background-color-light;
+    color: @text-color-secondary;
     cursor: pointer;
-
-    &:not(:last-child) {
-      border-right: 1px solid #E4E6EB;
-    }
+    border-radius: 4px;
 
     &-left {
       flex-shrink: 0;
@@ -31,8 +31,8 @@
 
     &-active,
     &:hover {
-      background-color: #6B778C;
-      color: #FFFFFF;
+      background-color: @background-color-base;
+      color: @primary-color;
     }
   }
 }
\ No newline at end of file

src/pages/member/memberMaintain/detailed/index.tsx

@@ -117,7 +117,7 @@ const MemberMaintainDetailed: React.FC<IProps> = props => {
         )}
         onBack={() => history.push(`/memberCenter/memberAbility/manage/maintain`)}
         anchors={anchors}
-        extra={(
+        desc={(
           <Bookmark value={getBookmarkKey()} onChange={handleBookmarkChange}>
             <Bookmark.Item value="basicInfo" title={intl.formatMessage({ id: 'member.management.maintain.basic' })} icon={<UnorderedListOutlined />} />
             <Bookmark.Item value="archiveInfo" title={intl.formatMessage({ id: 'member.management.maintain.detail.archivalInfo' })} icon={<FolderOutlined />} />

src/pages/member/memberQuery/detailed/index.tsx

@@ -109,7 +109,7 @@ const MemberQueryDetailed: React.FC<IProps> = props => {
         )}
         onBack={() => history.push(`/memberCenter/memberAbility/profile/query`)}
         anchors={anchors}
-        extra={(
+        desc={(
           <Bookmark value={getBookmarkKey()} onChange={handleBookmarkChange}>
             <Bookmark.Item value="basicInfo" title={intl.formatMessage({ id: 'member.management.maintain.basic' })} icon={<UnorderedListOutlined />} />
             <Bookmark.Item value="archiveInfo" title={intl.formatMessage({ id: 'member.management.maintain.detail.archivalInfo' })} icon={<FolderOutlined />} />