Add check-in feature and update travel planner UI

src/components/map/MapFilterHeader.vue

@@ -10,6 +10,7 @@ defineProps<{
 }>()
 
 const emit = defineEmits<{
+  checkIns: []
   select: [categoryCode: string | null]
 }>()
 </script>
@@ -21,7 +22,10 @@ const emit = defineEmits<{
         <text class="map-filter-header__title">光明区文旅资源</text>
         <text class="map-filter-header__scope">{{ coverageLabel }}</text>
       </view>
-      <text class="map-filter-header__count">共 {{ resultCount }} 个点位</text>
+      <view class="map-filter-header__actions">
+        <text class="map-filter-header__count">共 {{ resultCount }} 个点位</text>
+        <button class="map-filter-header__check-ins" @click="emit('checkIns')">我的打卡</button>
+      </view>
     </view>
 
     <scroll-view class="map-filter-header__scroll" scroll-x :show-scrollbar="false">
@@ -91,11 +95,36 @@ const emit = defineEmits<{
 }
 
 .map-filter-header__count {
-  flex: none;
   font-weight: 600;
   color: #167a5b;
 }
 
+.map-filter-header__actions {
+  display: flex;
+  flex: none;
+  flex-direction: column;
+  gap: 4rpx;
+  align-items: flex-end;
+}
+
+.map-filter-header__check-ins {
+  width: auto;
+  height: 42rpx;
+  padding: 0 15rpx;
+  margin: 0;
+  font-size: 20rpx;
+  font-weight: 700;
+  line-height: 42rpx;
+  color: #0e6247;
+  background: #e8f4ee;
+  border: 0;
+  border-radius: 21rpx;
+}
+
+.map-filter-header__check-ins::after {
+  border: 0;
+}
+
 .map-filter-header__scroll {
   width: 100%;
   height: 80rpx;