fix: 沉浸工作区不再自建滚动容器,滚动统一交还原生页面

is-locked 时锁定 height:100vh + overflow:hidden,会造出「卡片内部滚动 +
原生页面滚动」两个滚动容器并存的局面:卡片滚到顶之后再往下拉,手势会穿透
到页面层,误触发下拉刷新,工人根本没法往上翻内容。

- .workspace-area.is-locked 去掉 height:100vh + overflow:hidden,高度交还
  给内容自然撑开
- .focus-card 去掉 overflow-y:auto,随页面一起滚;
  padding-bottom 仍保留 160rpx,用来让内容避开底部固定操作栏
This commit is contained in:
2026-09-15 15:52:08 +08:00
parent 5cd08b551a
commit 1e46d6edd9

View File

@ -248,7 +248,11 @@ export default {
<style scoped>
.workspace-area { height: auto; display: flex; flex-direction: column; }
.workspace-area.is-locked { height: 100vh; overflow: hidden; }
/* 沉浸工作区is-locked不再锁死 height:100vh + overflow:hidden ——
那会造出「卡片内部滚动 + 原生页面滚动」两个滚动容器并存的局面:卡片滚到顶
之后再往下拉,手势会穿透到页面层,误触发下拉刷新,工人根本没法往上翻内容。
高度交还给内容自然撑开,滚动统一由原生页面负责。 */
.workspace-area.is-locked { height: auto; }
.list-header { display: flex; align-items: baseline; justify-content: space-between; padding: 8px 4px; flex-shrink: 0; }
.list-title { font-size: 14px; font-weight: 700; color: #1f2937; }
.list-hint { font-size: 11px; color: #9ca3af; }
@ -271,7 +275,9 @@ export default {
.lock-title { font-size: 14px; font-weight: 700; color: #1f2937; }
.branch-done { font-size: 11px; font-weight: 600; color: #16a34a; }
.task-count { font-size: 12px; color: #9ca3af; display: block; margin-top: 4px; }
.focus-card { flex: 1; min-height: 0; margin: 0 4px; padding: 20px 16px calc(160rpx + env(safe-area-inset-bottom)); border-radius: 16px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.08); overflow-y: auto; border-top: 5px solid #3b82f6; }
/* 去掉 overflow-y: auto —— 锁定任务详情不再自己滚,随页面一起滚。
padding-bottom 仍保留 160rpx用来让内容避开底部固定操作栏。 */
.focus-card { min-height: 0; margin: 0 4px; padding: 20px 16px calc(160rpx + env(safe-area-inset-bottom)); border-radius: 16px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.08); border-top: 5px solid #3b82f6; }
.focus-card.s-yellow { border-top-color: #f59e0b; }
.focus-card.s-blue { border-top-color: #3b82f6; }
.focus-card.s-green { border-top-color: #22c55e; }