diff --git a/package.json b/package.json
index 187a17a..518dcbc 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "@ant-design/pro-layout": "^6.5.0",
     "@types/lodash": "^4.14.170",
     "@umijs/preset-react": "1.x",
+    "ahooks": "^2.10.6",
     "ali-oss": "^6.15.2",
     "antd": "^4.16.5",
     "classnames": "^2.3.1",
diff --git a/src/components/AppHeader/AppHeader.tsx b/src/components/AppHeader/AppHeader.tsx
index a6d875e..4b352ce 100644
--- a/src/components/AppHeader/AppHeader.tsx
+++ b/src/components/AppHeader/AppHeader.tsx
@@ -21,14 +21,14 @@ export default function AppHeader(props) {
         <img src={logoImg} alt="" />
       </div>
       <div className={styles.right}>
+        <div
+          className={classNames(styles.monitor, styles.mr16)}
+          onClick={() => system.openUrl('https://www.locking.cn')}
+        >
+          <SvgIcon xlinkHref="monitor" />
+        </div>
         {isLogin ? (
           <>
-            <div
-              className={classNames(styles.monitor, styles.mr16)}
-              onClick={() => system.openUrl('https://www.locking.cn')}
-            >
-              <SvgIcon xlinkHref="monitor" />
-            </div>
             <UserCenter className={styles.mr16} />
           </>
         ) : null}