diff --git a/public/index.html b/public/index.html index aa069f2..c841d0e 100644 --- a/public/index.html +++ b/public/index.html @@ -24,7 +24,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + PlayEdu diff --git a/src/pages/course/index.ts b/src/pages/course/index.ts new file mode 100644 index 0000000..24dffbc --- /dev/null +++ b/src/pages/course/index.ts @@ -0,0 +1 @@ +export * from "./vod"; \ No newline at end of file diff --git a/src/pages/course/vod/Vod.module.css b/src/pages/course/vod/Vod.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/course/vod/Vod.tsx b/src/pages/course/vod/Vod.tsx new file mode 100644 index 0000000..22254b2 --- /dev/null +++ b/src/pages/course/vod/Vod.tsx @@ -0,0 +1,130 @@ +import React, { useEffect } from "react"; +import { Typography, Input, Select, Button, Space, Table } from "antd"; +import type { ColumnsType } from "antd/es/table"; +import styles from "./Index.module.css"; +import { PlusOutlined, ReloadOutlined } from "@ant-design/icons"; +import { login } from "../../../api/index"; + +interface DataType { + key: string; + name: string; + age: number; + address: string; +} + +const columns: ColumnsType = [ + { + title: "Name", + dataIndex: "name", + key: "name", + render: (text) => {text}, + }, + { + title: "Age", + dataIndex: "age", + key: "age", + }, + { + title: "Address", + dataIndex: "address", + key: "address", + }, + { + title: "Action", + key: "action", + render: (_, record) => ( + + Invite {record.name} + Delete + + ), + }, +]; + +const data: DataType[] = [ + { + key: "1", + name: "John Brown", + age: 32, + address: "New York No. 1 Lake Park", + }, + { + key: "2", + name: "Jim Green", + age: 42, + address: "London No. 1 Lake Park", + }, + { + key: "3", + name: "Joe Black", + age: 32, + address: "Sydney No. 1 Lake Park", + }, +]; + +export const VodListPage: React.FC = () => { + useEffect(() => { + login.login("1@qq.com", "123123", "1", "2"); + }, []); + const handleChange = (e: any) => { + console.log(e); + }; + return ( + <> +
+
+
+ 课程名称： + +
+
+ 课程分类： +