Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
2a4eab83 1 parent f7d08867

style(StudyDetailPage): 调整学习资料入口的样式和颜色 

将背景色改为绿色，图标改为白色，并添加阴影效果以提升视觉层次感
Inline Side-by-side
Showing 1 changed file with 3 additions and 3 deletions
...@@ -98,12 +98,12 @@ ...@@ -98,12 +98,12 @@
98 98
99 <!-- 学习资料入口 --> 99 <!-- 学习资料入口 -->
100 <div v-if="course.course_type === 'file' && courseFile?.list && courseFile.list.length > 0" 100 <div v-if="course.course_type === 'file' && courseFile?.list && courseFile.list.length > 0"
101 - class="bg-white rounded-lg p-4 mb-4 cursor-pointer hover:bg-gray-50 transition-colors mt-4" 101 + class="bg-white rounded-lg p-4 mb-4 cursor-pointer hover:bg-gray-50 transition-colors mt-4 shadow-sm"
102 @click="showMaterialsPopup = true"> 102 @click="showMaterialsPopup = true">
103 <div class="flex items-center justify-between"> 103 <div class="flex items-center justify-between">
104 <div class="flex items-center gap-3"> 104 <div class="flex items-center gap-3">
105 - <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center"> 105 + <div class="w-10 h-10 bg-green-600 rounded-lg flex items-center justify-center">
106 - <van-icon name="notes" class="text-green-600" size="20" /> 106 + <van-icon name="notes" class="text-white" size="20" />
107 </div> 107 </div>
108 <div> 108 <div>
109 <div class="text-base font-medium text-gray-900">学习资料</div> 109 <div class="text-base font-medium text-gray-900">学习资料</div>
......