feat: try build

src/layout/Header/Header.tsx

@@ -1,68 +0,0 @@
-import { Avatar, ConfigProvider, Menu, MenuProps } from 'antd';
-import './index.scss';
-import useStore from "@/store";
-
-interface HeaderProps {
-  items: MenuProps['items'];
-  current?: string[];
-  onChange: (...args: any) => void;
-}
-
-function Header({ items, current, onChange }: HeaderProps) {
-
-  const store = useStore();
-
-  function onClick(...args: any[]) {
-    onChange?.(...args);
-  }
-
-  return <div className="header">
-    <div className="header-icons">
-      <div>
-        Logo
-      </div>
-      <div>
-        /name
-      </div>
-    </div>
-    <div className="header-menu">
-      <ConfigProvider
-        theme={{
-          components: {
-            Menu: {
-              horizontalItemSelectedColor: '#597d3b',
-              algorithm                  : true,
-            },
-          },
-        }}
-      >
-        <Menu onClick={onClick} selectedKeys={current} mode="horizontal" items={items}/>
-      </ConfigProvider>
-    </div>
-    {
-      store.token !== '' ?
-          <div className="header-userName">
-            {
-              store.user.userAvatar ?
-                  <Avatar size={32} src={store.user.userAvatar} /> :
-                    <Avatar size={32}>
-                      user
-                    </Avatar>
-            }
-            <div className="nickName">
-              {store.user.name}
-            </div>
-          </div> :
-          <div className="header-userName">
-            <Avatar size={32}>
-              user
-            </Avatar>
-            <div className="nickName">
-              user
-            </div>
-          </div>
-    }
-  </div>;
-}
-
-export default Header;

src/layout/Layout/Layout.tsx

@@ -1,57 +0,0 @@
-import { AppContext } from '@/context/AppContext';
-import React, { useState } from 'react';
-import Header from '../Header/Header';
-import './index.scss';
-
-interface LayoutProps {
-  children: (current: string) => React.ReactNode;
-}
-
-const items = [
-  {
-    label: '课程广场',
-    key  : 'square',
-  },
-  {
-    label: '我的课程',
-    key  : 'course',
-  },
-  {
-    label: '我的作业',
-    key  : 'work',
-  },
-];
-
-
-// 简单的三段式布局
-const Layout: React.FC<LayoutProps> = ({ children }) => {
-  const [current, setCurrent] = useState(['square']);
-  const [onSetCurrent, setOnSetCurrent] = useState<Function | null>(null);
-
-  function onChange({ key }: { key: string }) {
-    const res = current[0];
-    if (res === 'work') {
-      const current = () => () => {
-        setCurrent([key]);
-        setOnSetCurrent(null);
-        return void 0;
-      };
-      // @ts-ignore
-      setOnSetCurrent(current);
-      return;
-    }
-    setCurrent([key]);
-  }
-
-  return (
-    // 监听onSetCurrent变化出现弹出离开 调用设置
-    <AppContext.Provider value={{ current, onSetCurrent }}>
-      <div className="app">
-        <Header items={items} onChange={onChange} current={current}></Header>
-        {children(current[0])}
-      </div>
-    </AppContext.Provider>
-  );
-};
-
-export default Layout;

src/views/CourseSquare/component/Banner/Banner.tsx

@@ -1,63 +0,0 @@
-import {Swiper, SwiperSlide, SwiperClass} from "swiper/react";
-import ArrowLeft from "../../../../image/ArrowLeft.png";
-import ArrowRight from "../../../../image/ArrowRight.png"
-import "./index.scss"
-import {useRef} from "react";
-
-export function Banner() {
-    const current = useRef<SwiperClass>()
-
-
-    function onClickPre() {
-        current.current.slidePrev()
-    }
-
-    function onClickNext() {
-        current.current.slideNext()
-    }
-
-    return <div className="swiper-banner">
-        <Swiper
-            slidesPerView={1}
-            onSlideChange={() => console.log('slide change')}
-            onSwiper={(swiper: SwiperClass) => current.current = swiper}
-            loop
-            autoplay
-        >
-            <div className="arrow left">
-                <img src={ArrowLeft} className="arrow-image" alt="" onClick={onClickPre}/>
-            </div>
-            <div className="arrow top">
-                <img src={ArrowRight} className="arrow-image" alt="" onClick={onClickNext}/>
-            </div>
-            <SwiperSlide className="slide-items">
-                <img
-                    src="https://cdn.pixabay.com/photo/2024/03/04/16/44/barberry-8612696_960_720.jpg"
-                    alt=""
-                    className="slider-image"
-                />
-            </SwiperSlide>
-            <SwiperSlide className="slide-items">
-                <img
-                    src="https://cdn.pixabay.com/photo/2023/11/24/17/22/pigeon-8410348_1280.jpg"
-                    alt=""
-                    className="slider-image"
-                />
-            </SwiperSlide>
-            <SwiperSlide className="slide-items">
-                <img
-                    src="https://cdn.pixabay.com/photo/2024/01/29/13/00/rabbit-8539830_960_720.jpg"
-                    alt=""
-                    className="slider-image"
-                />
-            </SwiperSlide>
-            <SwiperSlide className="slide-items">
-                <img
-                    src="https://cdn.pixabay.com/photo/2024/02/05/10/48/red-kite-8554201_960_720.jpg"
-                    alt=""
-                    className="slider-image"
-                />
-            </SwiperSlide>
-        </Swiper>
-    </div>
-}