Forráskód Böngészése

```
feat(LearningSystem): 优化课程详情页收藏功能和笔记计数显示

- 添加v-show条件渲染,根据collectFlag状态控制收藏/取消收藏按钮的显示
- 将硬编码的笔记数量替换为动态的info.noteCount数据
- 修复收藏状态切换逻辑,使用collectFlag字段进行状态管理
- 优化收藏成功后的提示消息显示逻辑
```

zhangningning 1 hónapja
szülő
commit
a280c5bf5e
1 módosított fájl, 5 hozzáadás és 5 törlés
  1. 5 5
      src/pages/LearningSystem/CourseDetail.vue

+ 5 - 5
src/pages/LearningSystem/CourseDetail.vue

@@ -33,11 +33,11 @@
           <div class="bg_color_fff padding16 border_radius_16 box_shadow_card mt20">
             <div class="flex-center-between border_bottom">
               <div  class="gap10">
-                <div class="gap5 cursor-pointer" @click="collectFn">
+                <div class="gap5 cursor-pointer" @click="collectFn" v-show="info.collectFlag==0">
                   <img :src="weishoucangIcon" alt="" style="width: 24px; height: 24px;">
                   <span class="bold font_size14">{{$t('common.collect')}}</span>
                 </div>
-                <div class="gap5 cursor-pointer"  @click="collectFn">
+                <div class="gap5 cursor-pointer"  @click="collectFn" v-show="info.collectFlag==1">
                   <img :src="shoucangIcon" alt="" style="width: 24px; height: 24px;">
                   <span class="bold font_size14">{{$t('common.unCollect')}}</span>
                 </div>
@@ -49,7 +49,7 @@
               <div class="addBtn flex-center gradient border_radius_10">
                 <div class="gap10" @click="toAddNote">
                   <img :src="addIcon" alt="" style="width:30px;height:30px">
-                  <span class="font_size18">120{{$t('common.notes')}}</span>
+                  <span class="font_size18">{{info.noteCount}} {{$t('common.notes')}}</span>
                 </div>
               </div>
             </div>
@@ -237,8 +237,8 @@ const playNextVideo = () => {
 const collectFn = () => {
   collect({objectId: courseId.value}).then(res => {
     if(res.code === 200){
-      info.value.isCollect = !info.value.isCollect
-      let msg = info.value.isCollect ? t('common.unCollect') : t('common.collect')
+      info.value.collectFlag = info.value.collectFlag == 0 ? 1 : 0
+      let msg = info.value.collectFlag==0 ? t('common.unCollect') : t('common.collect')
       DGTMessage.success(msg+t('common.success'))
     }
   })