hookehuyr

fix(CheckinMap): 优化封面图显示模式

- 将封面图 mode 从 aspectTop 改为 widthFix
- 修复封面图顶部标题被遮挡的问题
- 保持图片宽高比
- 更新 CHANGELOG 记录

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
......@@ -22,3 +22,13 @@
- **技术栈**: 文档系统
- **测试状态**: N/A
- **备注**: 为后续开发建立完善的文档体系
## [2026-02-10] - 便民地图列表页样式优化
### 优化
- 调整 `CheckinMap` 页面封面图显示模式,将无效的 `aspectTop` 改为 `widthFix`,解决封面图顶部标题被遮挡的问题,并保持图片比例。
**详细信息**:
- **影响文件**: src/pages/CheckinMap/index.vue
- **技术栈**: Vue3, Taro, CSS
- **测试状态**: 已修正代码,需在模拟器验证
......
<!--
* @Date: 2026-02-05 19:48:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2026-02-10 10:32:43
* @LastEditTime: 2026-02-10 11:48:00
* @FilePath: /lls_program/src/pages/CheckinMap/index.vue
* @Description: 便民地图列表页
-->
......@@ -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="aspectTop" class="cover-image" />
<image :src="item.cover" mode="widthFix" class="cover-image" />
</view>
<!-- 卡片内容 -->
......@@ -197,7 +197,7 @@ useLoad(() => {
.cover-image {
width: 100%;
/* 高度由 mode="aspectTop" 自动控制,保持宽高比 */
/* 高度由 mode="widthFix" 自动控制,保持宽高比 */
}
.card-content {
......