Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
49fc153b 1 parent f49e5328

feat(StudyDetailPage): 添加默认展示区并引入VanDivider组件 

在StudyDetailPage.vue中添加默认展示区，用于显示课程标题，并更新components.d.ts以引入VanDivider组件
Inline Side-by-side
Showing 2 changed files with 9 additions and 1 deletions
...@@ -34,6 +34,7 @@ declare module 'vue' { ...@@ -34,6 +34,7 @@ declare module 'vue' {
34 VanCheckbox: typeof import('vant/es')['Checkbox'] 34 VanCheckbox: typeof import('vant/es')['Checkbox']
35 VanDatePicker: typeof import('vant/es')['DatePicker'] 35 VanDatePicker: typeof import('vant/es')['DatePicker']
36 VanDialog: typeof import('vant/es')['Dialog'] 36 VanDialog: typeof import('vant/es')['Dialog']
37 + VanDivider: typeof import('vant/es')['Divider']
37 VanEmpty: typeof import('vant/es')['Empty'] 38 VanEmpty: typeof import('vant/es')['Empty']
38 VanField: typeof import('vant/es')['Field'] 39 VanField: typeof import('vant/es')['Field']
39 VanForm: typeof import('vant/es')['Form'] 40 VanForm: typeof import('vant/es')['Form']
......
1 <!-- 1 <!--
2 * @Date: 2025-04-07 2 * @Date: 2025-04-07
3 * @Description: 学习详情页面 3 * @Description: 学习详情页面
4 - --> 4 +-->
5 <template> 5 <template>
6 <div class="study-detail-page bg-gradient-to-b from-green-50/70 to-white/90 min-h-screen pb-20"> 6 <div class="study-detail-page bg-gradient-to-b from-green-50/70 to-white/90 min-h-screen pb-20">
7 <div v-if="course" class="flex flex-col h-screen"> 7 <div v-if="course" class="flex flex-col h-screen">
...@@ -64,6 +64,13 @@ ...@@ -64,6 +64,13 @@
64 </div> 64 </div>
65 </div> 65 </div>
66 </div> 66 </div>
67 +
68 + <!-- 默认展示区 -->
69 + <div v-else class="relative" style="border-bottom: 1px solid #e5e7eb;">
70 + <div class="h-24 bg-white flex items-center justify-center px-4">
71 + <h3 class="text-lg font-medium text-gray-900 truncate">{{ course.title }}</h3>
72 + </div>
73 + </div>
67 <!-- 标签页区域 --> 74 <!-- 标签页区域 -->
68 <div class="px-4 py-3 bg-white"> 75 <div class="px-4 py-3 bg-white">
69 <van-tabs v-model:active="activeTab" sticky animated swipeable shrink @change="handleTabChange"> 76 <van-tabs v-model:active="activeTab" sticky animated swipeable shrink @change="handleTabChange">
......