sider

2 years ago · a788db15cb
5 changed files with 21 additions and 7 deletions
--- a/index.html
+++ b/index.html
@ -2,9 +2,9 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="shortcut icon" href="/logo.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>供应链管理系统</title>
  </head>
  <body>
    <div id="root"></div>
--- a/public/logo.ico
+++ b/public/logo.ico
--- a/public/vite.svg
+++ b/public/vite.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
--- a/src/assets/img/logo.png
+++ b/src/assets/img/logo.png
--- a/src/layouts/Base.jsx
+++ b/src/layouts/Base.jsx
@ -4,6 +4,7 @@ import { useRoutes } from 'react-router-dom'
 import routes from '@/router/index'
 import { useRootStore } from '@/store'
 import menuList from '@/mock/menu'
+import Logo from '@/assets/img/logo.png'

 const { Header, Content, Footer, Sider } = Layout

@ -22,6 +23,7 @@ function BaseLayout() {
    >
      <Sider
        collapsible
+        theme='light'
        collapsed={collapsed}
        onCollapse={value => setCollapsed(value)}
      >
@ -29,14 +31,27 @@ function BaseLayout() {
          style={{
            textAlign: 'center',
            padding: '20px 0',
-            color: '#fff',
+            color: '#1677ff',
            fontSize: '18px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
          }}
        >
-          供应链系统
+          {collapsed ? (
+            <img src={Logo} style={{ width: '24px', height: '24px' }} />
+          ) : (
+            <>
+              <img
+                src={Logo}
+                style={{ width: '24px', height: '24px', marginRight: '12px' }}
+              />
+              供应链系统
+            </>
+          )}
        </div>
        <Menu
-          theme='dark'
+          theme='light'
          defaultSelectedKeys={['1']}
          mode='inline'
          items={menuList}
@ -77,7 +92,7 @@ function BaseLayout() {
            textAlign: 'center',
          }}
        >
-          Ant Design ©2023 Created by Ant UED
+          供应链系统 ©2023 Created by 产品梦工厂
        </Footer>
      </Layout>
    </Layout>