style(PosterCheckin): 调整打卡进度点样式并添加海报标题显示

- 将打卡进度点从大圆点改为小圆点并移除数字
- 调整进度文本字体大小
- 在海报底部添加标题显示区域

@@ -9,17 +9,16 @@
 
       <!-- 打卡进度 -->
       <view class="flex items-center mb-2">
-        <view class="flex items-center mr-4">
+        <view class="flex items-center">
           <view
             v-for="(point, index) in activityInfo.checkPoints"
             :key="index"
-            class="w-6 h-6 rounded-full mr-2 flex items-center justify-center"
+            class="w-2 h-2 rounded-full mr-2 flex items-center justify-center"
             :class="point.completed ? 'bg-orange-400' : 'bg-gray-300'"
           >
-            <text class="text-white text-xs">{{ index + 1 }}</text>
           </view>
         </view>
-        <text class="text-sm text-gray-600">{{ activityInfo.completedCount }}/{{ activityInfo.totalCount }}</text>
+        <text class="text-xs text-gray-600">{{ activityInfo.completedCount }}/{{ activityInfo.totalCount }}</text>
       </view>
 
       <!-- 活动截止日期 -->
@@ -37,6 +36,10 @@
             mode="aspectFit"
             class="w-full h-full"
           />
+          <!-- 打卡点标题 -->
+          <view class="absolute bottom-2 left-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">
+            {{ posterList[currentPosterIndex]?.title || '海报生成中' }}
+          </view>
           <!-- 点击预览提示 -->
           <view @tap="previewPoster" class="absolute bottom-2 right-2 bg-black bg-opacity-50 text-white text-xs px-2 py-1 rounded">
             点击预览