add

apps/web/src/components/models/course/detail/CourseDetailDescription.tsx

@@ -1,17 +1,13 @@
 import { Course } from "@nice/common";
 import React, { useContext } from "react";
-import { Typography, Skeleton } from "antd"; // 引入 antd 组件
+import { Image, Typography, Skeleton } from "antd"; // 引入 antd 组件
 import { CourseDetailContext } from "./CourseDetailContext";
 import { CalendarOutlined, EyeOutlined } from "@ant-design/icons";
 import dayjs from "dayjs";
 
-interface CourseDetailProps {
-	course: Course;
-	isLoading: boolean;
-}
-
-export const CourseDetailDescription: React.FC<CourseDetailProps> = () => {
-	const { course, isLoading } = useContext(CourseDetailContext);
+export const CourseDetailDescription: React.FC = () => {
+	const { course, isLoading, selectedLectureId } =
+		useContext(CourseDetailContext);
 	const { Paragraph, Title } = Typography;
 
 	return (
@@ -20,6 +16,17 @@ export const CourseDetailDescription: React.FC<CourseDetailProps> = () => {
 				<Skeleton active paragraph={{ rows: 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-gray-600 flex justify-start gap-4">
 						<div>{course?.subTitle}</div>