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 @@ ...@@ -5,6 +5,44 @@
5 5
6 --- 6 ---
7 7
8 +## [2026-02-03] - 修复反馈列表无法滚动
9 +
10 +### 修复
11 +- 修复反馈列表页滚动失效的问题
12 + - scroll-view 改用 flex: 1 撑满剩余空间,避免 100% 高度在小程序端计算异常
13 + - 增加 flex 布局的 min-height: 0,确保可滚动区域正确收缩并启用内部滚动
14 + - 增加列表内容底部内边距,避免被底部固定按钮遮挡
15 + - 影响文件:src/pages/feedback-list/index.vue
16 +
17 +---
18 +
19 +**详细信息**
20 +- **影响文件**: src/pages/feedback-list/index.vue
21 +- **技术栈**: Vue 3, Taro, TailwindCSS
22 +- **测试状态**: ✅ 已通过
23 +
24 +---
25 +
26 +## [2026-02-03] - 优化反馈列表视觉设计
27 +
28 +### 样式
29 +- 优化反馈列表页面(Feedback List)的视觉设计
30 + - 调整反馈类型(Type)标签样式,改为圆角矩形(rounded-[8rpx]),减小字号并加粗,使其更像分类标签
31 + - 重构状态(Status)显示样式,采用"圆点+文字"的设计模式,区分于类型标签,提升视觉层级区分度
32 + - 影响文件:src/pages/feedback-list/index.vue
33 +
34 +---
35 +
36 +**详细信息**
37 +- **影响文件**: src/pages/feedback-list/index.vue
38 +- **技术栈**: Vue 3, Taro, TailwindCSS
39 +- **测试状态**: ✅ 已通过
40 +- **备注**:
41 + - 增强了列表项中关键信息的辨识度
42 + - 解决了类型和状态样式过于雷同的问题
43 +
44 +---
45 +
8 ## [2026-02-03] - 意见反馈模块完成 46 ## [2026-02-03] - 意见反馈模块完成
9 47
10 ### 新增 48 ### 新增
......
This diff is collapsed. Click to expand it.