fix: 添加logo

src/layouts/components/Logo.tsx

-import React from 'react'
+import React, { useEffect, useState } from 'react'
 import styles from '../index.less'
+import logo from '@/asserts/logo.svg'
+import logoSmall from '@/asserts/logo-small.svg'
 
-export default () => (
-  <div className={styles.lxLogoWrap}>
-    <span>平台后台</span>
+import { observer } from 'mobx-react'
+import { store } from '@/store'
+const { indexStore } = store
+
+const logoEle: React.FC<{}> = () => {
+  const { globalCollapsed } = indexStore
+  const [showSmall, setShowSmall] = useState<boolean>(false)
+
+  useEffect(() => {
+    setShowSmall(globalCollapsed)
+  }, [globalCollapsed])
+
+  return <div className={styles.lxLogoWrap}>
+    <p>
+      {
+        showSmall ?
+          <img src={logoSmall} alt="瓴犀"/>
+        :
+          <>
+            <img src={logo} alt="瓴犀"/>
+            <span>平台后台</span>
+          </>
+      }
+    </p>
   </div>
-)
\ No newline at end of file
+}
+
+export default observer(logoEle);

src/module/globalModule/index.ts

+export interface GlobalModule {
+  globalCollapsed: boolean;
+
+  setGlobalCollapsed(data: boolean): void;
+}

src/store/global/index.ts

+import {action, observable} from 'mobx'
+import { GlobalModule } from '@/module/globalModule'
+
+/**
+ * 存储页面通用的一些状态
+ */
+
+class GlobalStore implements GlobalModule {
+  @observable public globalCollapsed: boolean = false;  // 菜单是否折叠
+
+  @action.bound
+  public setGlobalCollapsed(data: boolean) {
+    this.globalCollapsed = data;
+  }
+}
+
+export default GlobalStore;