fix: 🐛 完善前端

src/layout/index.module.scss

@@ -12,6 +12,7 @@
   }
   .logo {
     padding: 10px 15px;
+    cursor: pointer;
     :local {
       h1 {
         margin: 0;

src/layout/index.tsx

@@ -4,6 +4,7 @@ import {
   IconMenuUnfold,
   IconMenuFold,
 } from '@arco-design/web-react/icon'
+import { useNavigate } from 'react-router-dom'
 import Sidebar from '@/components/Sidebar'
 import Toolbar from '@/components/ToolBar'
 import logoImg from '@/assets/logo.png'
@@ -13,14 +14,18 @@ import menuConfig from './menu'
 import styles from './index.module.scss'
 
 const App = () => {
+  const navigate = useNavigate()
   const { collapse, updateField } = useStore(state => state)
   const onCollapse = useCallback((collapsed: boolean) => {
     updateField('collapse', collapsed)
   }, [updateField])
+  const goHome = useCallback(() => {
+    navigate('/')
+  }, [navigate])
   return <Layout className={styles.container}>
     <Layout.Header>
       <div className={styles.navbar}>
-        <div className={styles.logo}>
+        <div className={styles.logo} onClick={goHome}>
           <h1><img src={logoImg} /><span>amis</span></h1>
         </div>
         <Toolbar />