hookehuyr

feat(StudyDetailPage): 高亮显示当前课程标题

添加计算属性 courseId 并根据当前课程 ID 高亮显示标题文本
......@@ -221,7 +221,7 @@
<div v-if="lesson.progress > 0 && lesson.progress < 100"
class="absolute top-2 right-2 px-2 py-1 bg-green-100 text-green-600 text-xs rounded">
上次看到</div>
<div class="text-black text-base font-medium mb-2">{{ lesson.title }}</div>
<div class="text-black text-base font-medium mb-2" :class="{ 'text-green-600' : courseId == lesson.id }">{{ lesson.title }}</div>
<div class="flex items-center text-sm text-gray-500">
<span>{{ course_type_maps[lesson.course_type] }}</span>
<span v-if="course_type_maps[lesson.course_type]" class="mx-2">|</span>
......@@ -402,6 +402,10 @@ const showPdf = ({ title, url }) => {
pdfShow.value = true;
};
const courseId = computed(() => {
return route.params.id || '';
});
onMounted(async () => {
// 延迟设置topWrapper和bottomWrapper的高度
setTimeout(() => {
......@@ -420,9 +424,10 @@ onMounted(async () => {
})
}, 500);
const courseId = route.params.id;
if (courseId) {
const { code, data } = await getScheduleCourseAPI({ i: courseId });
if (courseId.value) {
const { code, data } = await getScheduleCourseAPI({ i: courseId.value });
if (code) {
course.value = data;
courseFile.value = data.file;
......