fix

src/assets/bi.svg

@@ -0,0 +1 @@
+<svg viewBox="64 64 896 896" focusable="false" data-icon="fund-view" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M711.088314 599.018889c0 47.465035-17.593703 83.517135-52.738132 108.114346-28.14092 17.551748-61.555961 26.369577-100.20419 26.369577L312.911686 733.502813 312.911686 290.497187l255.781524 0c35.146475 0 65.017806 8.816806 89.656973 26.369577 26.368554 21.095457 39.552831 51.008744 39.552831 89.655949 0 36.916794-12.319583 66.830081-36.916794 89.655949C694.359304 520.816806 711.088314 555.097564 711.088314 599.018889zM630.519324 406.731468c0-34.031071-21.305235-51.066049-63.833841-51.066049L380.296399 355.665419l0 114.897843 163.40972 0C601.554642 470.564285 630.519324 449.299983 630.519324 406.731468zM647.465275 599.076194c0-20.638039-7.739265-36.962843-23.218818-49.015344-12.050454-10.317996-26.683732-15.47853-43.855834-15.47853l-201.219861 0 0 134.147256 178.002067 0C617.35449 668.729577 647.465275 645.51076 647.465275 599.076194z" p-id="2505"></path></svg>

src/components/RightContent/index.less

@@ -231,3 +231,29 @@
     }
   }
 }
+
+
+.extraSys {
+  cursor: pointer; 
+  position: absolute;
+  display: flex;
+  
+
+  >div{
+    padding: 0 10px;
+    position: relative;
+    box-sizing: border-box;
+
+    &:not(:first-child)::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      width: 1px;
+      height: 35%;
+      background-color: #a7a7a7;
+    }
+    &:hover {
+      background-color: #1890ff;
+    }
+  }
+}

src/components/RightContent/index.tsx

@@ -6,6 +6,7 @@ import styles from './index.less';
 import { exitFullScreen, requestFullScreen, isFull } from '@/utils/fullScreen'
 import { BellOutlined } from '@ant-design/icons';
 import { ReactComponent as GameSvg } from '@/assets/game.svg'
+import { ReactComponent as BiSvg } from '@/assets/bi.svg'
 
 export type SiderTheme = 'light' | 'dark';
 
@@ -26,7 +27,7 @@ const GlobalHeaderRight: React.FC<{}> = () => {
       let l = nav.offsetLeft
       let lw = navLi[0].offsetWidth
       let length = navLi.length - 1
-      setLeft(l + lw * length + 20)
+      setLeft(l + lw * length)
     }
   }, [])
 
@@ -83,11 +84,15 @@ const GlobalHeaderRight: React.FC<{}> = () => {
   return (
     <div style={{ display: 'flex', justifyContent: 'space-between' }}>
 
-      <div style={{ cursor: 'pointer', position: 'absolute', left: left, top: 1 }} onClick={open}>
-        <Space>
+      <div style={{ left: left }} className={styles.extraSys}>
+        <Space onClick={open}>
           <span role="img" aria-label="fund-view" className="anticon anticon-fund-view"><GameSvg /></span>
           <span style={{ color: 'rgba(255, 255, 255, 0.65)' }}>游戏SDK</span>
         </Space>
+        <Space onClick={() => window.open(`https://bi.aliyun.com/product/view.htm?module=dashboard&productId=396f5cf7-9d50-4dde-9aaa-eb20e2590518&menuId=74f4c115-db5a-457c-b25b-94bdafc172fe`)}>
+          <span role="img" aria-label="fund-view" className="anticon anticon-fund-view"><BiSvg /></span>
+          <span style={{ color: 'rgba(255, 255, 255, 0.65)' }}>BI</span>
+        </Space>
       </div>
 
       <Space className={className}>