feat(任务): 详情页编号右置到副标题行、换列后自动收起、固定头尾滚动
- 完整任务编号从标题下方独立一行, 移到「看板列 · 状态」同一行右侧 (左侧可省略号截断, 编号 flex-shrink:0 不被挤压) - 切换看板列后 ActionSheet 未收起: 补 handler.close?.(), 且放在 onAction 最前 (选中即收, 不等接口返回), 与项目视图 ⋯ 菜单同口径 - 滚动优化: 原整个弹层是一个滚动容器, 标题与保存按钮都会随内容滚走。 改为三段式弹性布局 —— .td-head 固定 / .td-body 唯一滚动区 / .td-foot 固定 (保存按钮), 键盘弹出时底部随 kb 上抬 验证: 390x720 矮屏渲染真实 TaskDetail (14 条子任务撑出溢出), 11 项断言通过 —— 主体 scrollH 1531 > clientH 465; 滚动 1066px 到底后头部 top 86->86、 底部 top 657->657 均不变; 保存按钮 bottom 708 <= 720 始终在屏内; 头+体+底高度之和等于弹层总高 (无重叠/无空隙)。
This commit is contained in:
+22
-3
@@ -1135,18 +1135,37 @@ body.me-safe-top .app-safe-top { height: 0; }
|
||||
.cs-count { font-size: 11px; color: #999; margin-left: 8px; }
|
||||
|
||||
/* ---- 任务详情 ---- */
|
||||
/* 三段式弹层: 固定头 / 滚动体 / 固定底 —— 标题与保存按钮始终可见 */
|
||||
.td-head {
|
||||
flex: 0 0 auto; padding: 16px 16px 8px; background: #fff;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
.td-body {
|
||||
flex: 1 1 auto; min-height: 0; overflow-y: auto;
|
||||
padding: 12px 16px 4px;
|
||||
-webkit-overflow-scrolling: touch; overscroll-behavior: contain;
|
||||
}
|
||||
.td-foot {
|
||||
flex: 0 0 auto; padding: 10px 16px 12px; background: #fff;
|
||||
border-top: 1px solid var(--color-border);
|
||||
}
|
||||
/* 底部固定后不再需要上外边距 */
|
||||
.td-foot .btn-primary { margin-top: 0; }
|
||||
.sheet-title {
|
||||
font-size: 16px; font-weight: 700; margin-bottom: 4px; word-break: break-word;
|
||||
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
|
||||
}
|
||||
/* 详情页副标题行: 左侧「看板列 · 状态」, 右侧完整任务编号 (点按复制) */
|
||||
.sheet-sub {
|
||||
display: flex; align-items: center; gap: 8px;
|
||||
font-size: 11.5px; color: #999; margin-bottom: 14px;
|
||||
}
|
||||
.sheet-sub .sub-meta {
|
||||
flex: 1 1 auto; min-width: 0;
|
||||
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
||||
}
|
||||
/* 详情页标题下的完整任务编号 (项目编号-序号): 点按复制 */
|
||||
.sheet-idrow { margin: -1px 0 6px; }
|
||||
.task-id-chip {
|
||||
display: inline-flex; align-items: center; gap: 6px;
|
||||
display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0;
|
||||
font-size: 11px; line-height: 1; font-weight: 600;
|
||||
color: #5b6b7c; background: #eef2f6; border-radius: 999px; padding: 5px 9px;
|
||||
cursor: pointer; -webkit-user-select: none; user-select: none;
|
||||
|
||||
Reference in New Issue
Block a user