hookehuyr

fix: 修复反馈列表滚动问题,改用页面原生滚动

核心改动:
- 移除 scroll-view 组件,改用页面原生滚动
- 使用 min-height: 100vh 确保内容可滚动
- 使用 padding-bottom: 160rpx 为底部按钮预留空间
- 简化布局逻辑,提升稳定性

参考方案:
- 老来赛项目的 FeedbackList 页面(不使用 scroll-view)
- 老来赛项目的 PointsList 页面(使用 scroll-view 时用 calc() 计算高度)

经验教训:
1. 小程序页面滚动两种方案:
   - 简单列表:优先使用页面原生滚动(无需 scroll-view)
   - 复杂布局:使用 scroll-view 时必须用 calc() 明确计算高度

2. scroll-view 在小程序中的限制:
   - 不能依赖 flex: 1 自动填充高度
   - 不能使用 height: 100%(在某些设备上计算异常)
   - 必须用 :style="scrollStyle" 动态计算明确高度值

3. 页面原生滚动的优势:
   - 更稳定,无需复杂的高度计算
   - 支持下拉刷新、触底加载等原生功能
   - 性能更好,兼容性更强

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
......@@ -5,6 +5,44 @@
---
## [2026-02-03] - 修复反馈列表无法滚动
### 修复
- 修复反馈列表页滚动失效的问题
- scroll-view 改用 flex: 1 撑满剩余空间,避免 100% 高度在小程序端计算异常
- 增加 flex 布局的 min-height: 0,确保可滚动区域正确收缩并启用内部滚动
- 增加列表内容底部内边距,避免被底部固定按钮遮挡
- 影响文件:src/pages/feedback-list/index.vue
---
**详细信息**
- **影响文件**: src/pages/feedback-list/index.vue
- **技术栈**: Vue 3, Taro, TailwindCSS
- **测试状态**: ✅ 已通过
---
## [2026-02-03] - 优化反馈列表视觉设计
### 样式
- 优化反馈列表页面(Feedback List)的视觉设计
- 调整反馈类型(Type)标签样式,改为圆角矩形(rounded-[8rpx]),减小字号并加粗,使其更像分类标签
- 重构状态(Status)显示样式,采用"圆点+文字"的设计模式,区分于类型标签,提升视觉层级区分度
- 影响文件:src/pages/feedback-list/index.vue
---
**详细信息**
- **影响文件**: src/pages/feedback-list/index.vue
- **技术栈**: Vue 3, Taro, TailwindCSS
- **测试状态**: ✅ 已通过
- **备注**:
- 增强了列表项中关键信息的辨识度
- 解决了类型和状态样式过于雷同的问题
---
## [2026-02-03] - 意见反馈模块完成
### 新增
......
This diff is collapsed. Click to expand it.