diff --git a/apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx b/apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx
index 9e6cf84..10b756a 100755
--- a/apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx
+++ b/apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx
@@ -45,7 +45,6 @@ export const CourseSyllabus: React.FC<CourseSyllabusProps> = ({
 			block: "start",
 		});
 	};
-
 	return (
 		<>
 			{/* 收起按钮直接显示 */}
diff --git a/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx b/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx
index ffc0a49..6bdc9b3 100755
--- a/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx
+++ b/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx
@@ -4,6 +4,7 @@ import { Lecture, LectureType, LessonTypeLabel } from "@nice/common";
 import React, { useMemo } from "react";
 import {
 	ClockCircleOutlined,
+	EyeOutlined,
 	FileTextOutlined,
 	PlayCircleOutlined,
 } from "@ant-design/icons"; // 使用 Ant Design 图标
@@ -43,13 +44,17 @@ export const LectureItem: React.FC<LectureItemProps> = ({
 					<span>{LessonTypeLabel[lecture?.meta?.type]}</span>
 				</div>
 			)}
-			<div className="flex-grow">
+			<div className="flex-grow flex justify-between items-center w-2/3 realative">
 				<h4 className="font-medium text-gray-800">{lecture.title}</h4>
 				{lecture.subTitle && (
-					<p className="text-sm text-gray-500 mt-1">
+					<span className="text-sm text-gray-500 mt-1">
 						{lecture.subTitle}
-					</p>
+					</span>
 				)}
+				<div className="text-gray-500 whitespace-normal">
+					<EyeOutlined></EyeOutlined>
+					<span className="ml-2">{lecture?.meta?.views}</span>
+				</div>
 			</div>
 		</div>
 	);