feat:课程列表ai伴学模式修改
This commit is contained in:
parent
9a37ff49bc
commit
39020bd14c
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user