diff --git a/apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx b/apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx
index b5aed44..142abde 100755
--- a/apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx
+++ b/apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx
@@ -7,6 +7,7 @@ import { Course, LectureType, PostType } from "@nice/common";
 import { CourseDetailContext } from "./CourseDetailContext";
 import CollapsibleContent from "@web/src/components/common/container/CollapsibleContent";
 import { Skeleton } from "antd";
+import { CoursePreview } from "./CoursePreview/CoursePreview";
 
 // interface CourseDetailDisplayAreaProps {
 // 	// course: Course;
@@ -27,15 +28,7 @@ export const CourseDetailDisplayArea: React.FC = () => {
 			{lectureIsLoading && (
 				<Skeleton active paragraph={{ rows: 4 }} title={false} />
 			)}
-			{!selectedLectureId && !lectureIsLoading && (
-				<>
-					<div className="flex justify-center flex-col items-center gap-2 w-full my-2 px-4">
-						<div className="w-full  bg-white shadow-md rounded-lg  border border-gray-200  p-6  ">
-							{"123"}
-						</div>
-					</div>
-				</>
-			)}
+
 			{selectedLectureId &&
 				!lectureIsLoading &&
 				lecture?.meta?.type === LectureType.VIDEO && (
@@ -64,10 +57,7 @@ export const CourseDetailDisplayArea: React.FC = () => {
 					</div>
 				)}
 			<div className="flex justify-center flex-col items-center gap-2 w-full my-2  px-4">
-				<CourseDetailDescription
-					course={course}
-					isLoading={isLoading}
-				/>
+				<CourseDetailDescription />
 			</div>
 			{/* 课程内容区域 */}
 		</div>