feat:课程列表ai伴学模式修改

This commit is contained in:
小张 2025-09-03 16:54:50 +08:00
parent 9a37ff49bc
commit 39020bd14c
2 changed files with 37 additions and 1 deletions

View File

@ -144,7 +144,9 @@ export class CourseApi {
reference: item.reference || '',
target: item.target || '',
question: item.question || '',
video: item.video || ''
video: item.video || '',
// 添加AI伴学模式字段
izAi: item.izAi
}))
return {

View File

@ -92,6 +92,10 @@
<div class="course-card" v-for="course in allCourses" :key="course.id">
<div class="course-image">
<img :src="course.thumbnail" :alt="course.title" />
<!-- AI伴学标签 -->
<div v-if="shouldShowAiTag(course)" class="ai-companion-tag">
<img src="/images/aiCompanion/AI伴学标签@2x.png" alt="AI伴学" class="ai-tag-image">
</div>
</div>
<div class="course-info">
<h3 class="course-title">{{ getCourseTitle(course) }}</h3>
@ -206,6 +210,19 @@ const closeAdvertisement = () => {
showAdvertisement.value = false
}
// AI
const shouldShowAiTag = (course: any) => {
console.log('🔍 检查课程AI标签:', {
courseId: course?.id,
courseName: course?.title || course?.name,
izAi: course?.izAi,
izAiType: typeof course?.izAi,
shouldShow: course?.izAi === 1,
fullCourse: course
})
return course?.izAi === 1
}
//
const numberToChinese = (num: number): string => {
const chineseNumbers = ['', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十']
@ -778,6 +795,7 @@ onMounted(() => {
height: 208px;
overflow: hidden;
border-radius: 8px 8px 0 0;
position: relative;
}
.course-image img {
@ -786,6 +804,22 @@ onMounted(() => {
object-fit: cover;
}
/* AI伴学标签样式 */
.ai-companion-tag {
position: absolute;
top: 8px;
right: 8px;
z-index: 10;
}
.ai-tag-image {
width: auto;
height: auto;
max-width: 60px;
max-height: 30px;
display: block;
}
.course-info {
padding: 16px;
}