diff --git a/apps/admin/src/App.tsx b/apps/admin/src/App.tsx
index 59baa74..57f484d 100644
--- a/apps/admin/src/App.tsx
+++ b/apps/admin/src/App.tsx
@@ -2,14 +2,19 @@ import { Navigate, Route, Routes } from "react-router-dom";
import "./assets/less/common.less";
import Layout from "./layout";
import Login from "./view/Login";
+import { ConfigProvider as AntDesignConfigProvider } from "antd";
+import zhCN from 'antd/locale/zh_CN';
+
function App() {
return (
-
- } />
- } />
- 404} />
-
+
+
+ } />
+ } />
+ 404} />
+
+
);
}
diff --git a/apps/admin/src/layout/index.tsx b/apps/admin/src/layout/index.tsx
index d2a5a38..0e7b04e 100644
--- a/apps/admin/src/layout/index.tsx
+++ b/apps/admin/src/layout/index.tsx
@@ -18,6 +18,10 @@ const sideMenus: MenuProps["items"] = [
key: "create",
label: "创建",
},
+ {
+ key: "library",
+ label: "视频库",
+ },
],
},
{
diff --git a/apps/admin/src/router/index.tsx b/apps/admin/src/router/index.tsx
index 0147c8b..03557fa 100644
--- a/apps/admin/src/router/index.tsx
+++ b/apps/admin/src/router/index.tsx
@@ -26,7 +26,12 @@ export const sideMenuRoutes: IRoute[] = [
{
path: "/course/create",
element: lazy(() => import("../view/Course/Create")),
- name: "课程创建",
+ name: "创建课程",
+ },
+ {
+ path: "/course/library",
+ element: lazy(() => import("../view/Course/Library")),
+ name: "视频库",
},
{
path: "/user",
diff --git a/apps/admin/src/view/Course/Create/index.tsx b/apps/admin/src/view/Course/Create/index.tsx
index 141871d..13e0a98 100644
--- a/apps/admin/src/view/Course/Create/index.tsx
+++ b/apps/admin/src/view/Course/Create/index.tsx
@@ -1,5 +1,25 @@
+import { Button, Form, Input, InputNumber, Row, Space } from "antd";
+
const CourseCreate = () => {
- return
课程
;
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
};
export default CourseCreate;
diff --git a/apps/admin/src/view/Course/Library/index.tsx b/apps/admin/src/view/Course/Library/index.tsx
new file mode 100644
index 0000000..e5f1dbe
--- /dev/null
+++ b/apps/admin/src/view/Course/Library/index.tsx
@@ -0,0 +1,95 @@
+import { CloudSyncOutlined } from "@ant-design/icons";
+import {
+ Button,
+ Card,
+ Col,
+ Row,
+ Space,
+ Table,
+ Input,
+ Segmented,
+ Tooltip,
+ Image,
+} from "antd";
+const { Search } = Input;
+
+const Library = () => {
+ const dataSource = [
+ {
+ key: "1",
+ name: "K线篇1--特殊K线的量化描述.mp4",
+ duration: 845,
+
+ cover: (
+
+ ),
+ },
+ {
+ key: "2",
+ name: "Vite + React + TS - Google Chrome 2023-02-15 09-55-08.mp4",
+ duration: 16,
+ cover: (
+
+ ),
+ },
+ ];
+
+ const columns = [
+ {
+ title: "媒体文件名称",
+ dataIndex: "name",
+ key: "name",
+ },
+ {
+ title: "时长",
+ dataIndex: "duration",
+ key: "duration",
+ },
+ {
+ title: "封面图片地址",
+ dataIndex: "cover",
+ key: "cover",
+ },
+ ];
+
+ const onSearch = (value: string) => console.log(value);
+
+ return (
+
+
+
+
+
+
+
+
+
+
+ }>
+ 同步
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Library;