docs: 更新 CHANGELOG 记录 LoadMoreList padding 修复
更新内容: - 记录 LoadMoreList 组件底部 padding 堆叠问题的修复 - 记录搜索页滚动加载优化 - 记录 LESS 修饰符类样式堆叠坑的经验教训 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Showing
1 changed file
with
31 additions
and
0 deletions
| ... | @@ -5,6 +5,37 @@ | ... | @@ -5,6 +5,37 @@ |
| 5 | 5 | ||
| 6 | --- | 6 | --- |
| 7 | 7 | ||
| 8 | +## [2026-02-08] - 修复 LoadMoreList 组件底部 padding 堆叠问题 | ||
| 9 | + | ||
| 10 | +### 修复 | ||
| 11 | +- 修复 `.load-more-content.scrollable` 修饰符类与基础类 padding 堆叠问题 | ||
| 12 | + - 基础类 `padding: 32rpx` 与修饰符类 `padding-bottom` 堆叠 | ||
| 13 | + - 导致底部 padding ≈ 192rpx + safe-area(过高) | ||
| 14 | + - 修改为覆盖整个 `padding` 属性: `padding: 32rpx 32rpx calc(160rpx + env(safe-area-inset-bottom))` | ||
| 15 | + | ||
| 16 | +### 优化 | ||
| 17 | +- 简化搜索页 `shouldEnableScrollLoad` 逻辑(只要有数据就启用滚动) | ||
| 18 | +- 添加搜索页 `disableScroll: true` 配置(禁用页面级滚动) | ||
| 19 | + | ||
| 20 | +### 文档 | ||
| 21 | +- 在 `docs/lessons-learned.md` 中添加 LESS 修饰符类样式堆叠坑的记录 | ||
| 22 | + - 说明 LESS 嵌套选择器中修饰符类属性会与基础类堆叠 | ||
| 23 | + - 提供解决方案:覆盖整个属性而不是只写子属性 | ||
| 24 | + | ||
| 25 | +--- | ||
| 26 | + | ||
| 27 | +**详细信息**: | ||
| 28 | +- **影响文件**: | ||
| 29 | + - `src/components/LoadMoreList/index.vue`(修复 padding 堆叠) | ||
| 30 | + - `src/pages/search/index.config.js`(添加 disableScroll) | ||
| 31 | + - `src/pages/search/index.vue`(简化滚动逻辑) | ||
| 32 | + - `docs/lessons-learned.md`(添加经验教训) | ||
| 33 | +- **技术栈**: Vue 3, Taro 4, Less | ||
| 34 | +- **测试状态**: ✅ 已通过 | ||
| 35 | +- **备注**: 所有使用 LoadMoreList 的 7 个页面都受益于这个修复 | ||
| 36 | + | ||
| 37 | +--- | ||
| 38 | + | ||
| 8 | ## [2026-02-08] - 文档重组:全面中文化 | 39 | ## [2026-02-08] - 文档重组:全面中文化 |
| 9 | 40 | ||
| 10 | ### 文档 | 41 | ### 文档 | ... | ... |
-
Please register or login to post a comment