Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
b0393e2a 1 parent e62604bf

style(CourseDetailPage): 调整主讲教师列表的布局和样式

Inline Side-by-side
Showing 1 changed file with 4 additions and 4 deletions
...@@ -75,15 +75,15 @@ ...@@ -75,15 +75,15 @@
75 </div> 75 </div>
76 76
77 <div v-if="activeTab === '主讲教师'"> 77 <div v-if="activeTab === '主讲教师'">
78 - <div v-for="(item, index) in lecturers" :key="index" class="flex items-center" style="margin-bottom: 1rem;"> 78 + <div v-for="(item, index) in lecturers" :key="index" class="flex items-start" style="margin-bottom: 1rem;">
79 - <div class="w-16 h-16 rounded-full overflow-hidden mr-4"> 79 + <div class="w-16 h-16 rounded-full overflow-hidden mr-4 flex-shrink-0">
80 <img :src="item?.photo || 'https://cdn.ipadbiz.cn/mlaj/images/default_block.png'" alt="lecturer" 80 <img :src="item?.photo || 'https://cdn.ipadbiz.cn/mlaj/images/default_block.png'" alt="lecturer"
81 class="w-full h-full object-cover" @error="handleImageError" /> 81 class="w-full h-full object-cover" @error="handleImageError" />
82 </div> 82 </div>
83 - <div> 83 + <div class="flex-1 min-w-0">
84 <h4 class="font-bold text-gray-900">{{ item?.name }}</h4> 84 <h4 class="font-bold text-gray-900">{{ item?.name }}</h4>
85 <p class="text-sm text-gray-600">{{ item?.educational }}</p> 85 <p class="text-sm text-gray-600">{{ item?.educational }}</p>
86 - <p class="text-xs text-gray-500 mt-1">{{ item?.introduction }}</p> 86 + <p class="text-xs text-gray-500 mt-1 break-words">{{ item?.introduction }}</p>
87 </div> 87 </div>
88 </div> 88 </div>
89 </div> 89 </div>
......