hookehuyr

fix(CheckinMap): 修复封面图对齐和变形问题

- 修改图片 mode 为 aspectTop,实现顶部对齐显示
- 移除 cover-image 的固定高度,避免图片拉伸变形
- 现在可以正确显示图片顶部的标题内容

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
......@@ -12,7 +12,7 @@
<view v-for="item in mapList" :key="item.id" class="map-card" @tap="handleCardClick(item)">
<!-- 封面图 -->
<view class="card-cover">
<image :src="item.cover" mode="aspectFill" class="cover-image" />
<image :src="item.cover" mode="aspectTop" class="cover-image" />
</view>
<!-- 卡片内容 -->
......@@ -197,7 +197,7 @@ useLoad(() => {
.cover-image {
width: 100%;
height: 100%;
/* 高度由 mode="aspectTop" 自动控制,保持宽高比 */
}
.card-content {
......