sider bottom

package.json

@@ -11,6 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@ant-design/icons": "^5.2.6",
     "antd": "^5.8.4",
     "axios": "^1.4.0",
     "less": "^4.2.0",

src/layouts/Base.jsx

@@ -5,6 +5,7 @@ import routes from '@/router/index'
 import { useRootStore } from '@/store'
 import menuList from '@/mock/menu'
 import Logo from '@/assets/img/logo.png'
+import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons'
 
 const { Header, Content, Footer, Sider } = Layout
 
@@ -24,6 +25,13 @@ function BaseLayout() {
       <Sider
         collapsible
         theme='light'
+        trigger={
+          !collapsed ? (
+            <MenuFoldOutlined style={{ fontSize: '20px' }} />
+          ) : (
+            <MenuUnfoldOutlined style={{ fontSize: '20px' }} />
+          )
+        }
         collapsed={collapsed}
         onCollapse={value => setCollapsed(value)}
       >
@@ -46,7 +54,7 @@ function BaseLayout() {
                 src={Logo}
                 style={{ width: '24px', height: '24px', marginRight: '12px' }}
               />
-              供应链系统
+              供应链
             </>
           )}
         </div>