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:
@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user