qiuchenfan
/
origin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add

This commit is contained in:
ditiqi 2025-02-24 10:16:39 +08:00
parent 0666aa04b1
commit 0fe62d9347
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
apps/web/src/components/models/course/detail/CourseDetailDescription.tsx
View File

@ -1,17 +1,13 @@
import { Course } from "@nice/common"; import { Course } from "@nice/common";
import React, { useContext } from "react"; import React, { useContext } from "react";
import { Typography, Skeleton } from "antd"; // 引入 antd 组件 import { Image, Typography, Skeleton } from "antd"; // 引入 antd 组件
import { CourseDetailContext } from "./CourseDetailContext"; import { CourseDetailContext } from "./CourseDetailContext";
import { CalendarOutlined, EyeOutlined } from "@ant-design/icons"; import { CalendarOutlined, EyeOutlined } from "@ant-design/icons";
import dayjs from "dayjs"; import dayjs from "dayjs";
interface CourseDetailProps { export const CourseDetailDescription: React.FC = () => {
course: Course; const { course, isLoading, selectedLectureId } =
isLoading: boolean; useContext(CourseDetailContext);
}
export const CourseDetailDescription: React.FC<CourseDetailProps> = () => {
const { course, isLoading } = useContext(CourseDetailContext);
const { Paragraph, Title } = Typography; const { Paragraph, Title } = Typography;
return ( return (
@ -20,6 +16,17 @@ export const CourseDetailDescription: React.FC<CourseDetailProps> = () => {
<Skeleton active paragraph={{ rows: 4 }} /> <Skeleton active paragraph={{ rows: 4 }} />
) : ( ) : (
<div className="space-y-4"> <div className="space-y-4">
{!selectedLectureId && (
<>
<div className="relative w-[600px] h-[340px] m-4 overflow-hidden flex justify-center items-center">
<Image
src={course?.meta?.thumbnail}
preview={false}
className="w-full h-full object-cover z-0"
/>
</div>
</>
)}
<div className="text-lg font-bold">{"课程简介:"}</div> <div className="text-lg font-bold">{"课程简介:"}</div>
<div className="text-gray-600 flex justify-start gap-4"> <div className="text-gray-600 flex justify-start gap-4">
<div>{course?.subTitle}</div> <div>{course?.subTitle}</div>