Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
2455e569 1 parent c1a1ad6a

feat(StudyCoursePage): 添加学习目标并优化课程特色和亮点显示 

在课程详情页面中，新增了学习目标的显示，并对课程特色和亮点的展示进行了优化，增加了标题和间距，提升了用户体验。
Inline Side-by-side
Showing 1 changed file with 15 additions and 2 deletions
...@@ -38,8 +38,21 @@ ...@@ -38,8 +38,21 @@
38 :style="{ paddingTop: topWrapperHeight, height: 'calc(100vh - ' + topWrapperHeight + ')' }"> 38 :style="{ paddingTop: topWrapperHeight, height: 'calc(100vh - ' + topWrapperHeight + ')' }">
39 <!-- 详情区域 --> 39 <!-- 详情区域 -->
40 <div id="detail" class="py-4 px-4"> 40 <div id="detail" class="py-4 px-4">
41 - <div v-if="course?.feature" class="text-gray-700 text-sm leading-relaxed" v-html="course?.feature"></div> 41 + <div v-if="course?.feature">
42 - <div v-if="course?.highlights" class="text-gray-700 text-sm leading-relaxed" v-html="course?.highlights"></div> 42 + <div class="text-black text-xl font-bold mb-2">课程特色</div>
43 + <div class="text-gray-700 text-sm leading-relaxed" v-html="course?.feature"></div>
44 + <br />
45 + </div>
46 + <div v-if="course?.highlights">
47 + <div class="text-black text-xl font-bold mb-2">课程亮点</div>
48 + <div class="text-gray-700 text-sm leading-relaxed" v-html="course?.highlights"></div>
49 + <br />
50 + </div>
51 + <div v-if="course?.learning_goal">
52 + <div class="text-black text-xl font-bold mb-2">学习目标</div>
53 + <div class="text-gray-700 text-sm leading-relaxed" v-html="course?.learning_goal"></div>
54 + <br />
55 + </div>
43 <van-empty v-else description="暂无详情" /> 56 <van-empty v-else description="暂无详情" />
44 </div> 57 </div>
45 58
......