diff --git a/docs/superpowers/plans/2026-08-13-oa-list-circle-index.md b/docs/superpowers/plans/2026-08-13-oa-list-circle-index.md index 3c476ddc..175fd86a 100644 --- a/docs/superpowers/plans/2026-08-13-oa-list-circle-index.md +++ b/docs/superpowers/plans/2026-08-13-oa-list-circle-index.md @@ -17,7 +17,8 @@ | 文件 | 职责 | |------|------| -| Modify: `mobile-h5/styles/components/oa-task-list.scss` | 折角 → 实心圆;卡片左 padding | +| Modify: `mobile-h5/styles/components/oa-task-list.scss` | 折角 → 实心圆;全局左 padding | +| Modify: `mobile-h5/pages/oa/{drafts,pending,done,mine,cc}/index.vue` | scoped `.dd-card` 左 padding=`84rpx`(覆盖简写) | --- @@ -25,8 +26,9 @@ **Files:** - Modify: `mobile-h5/styles/components/oa-task-list.scss`(「钉钉风列表卡 · 左上折角序号」段,约 L184–212) +- Modify: `mobile-h5/pages/oa/{drafts,pending,done,mine,cc}/index.vue`(scoped padding) -- [ ] **Step 1: 替换折角样式为方案 A 圆圈** +- [x] **Step 1: 替换折角样式为方案 A 圆圈** 将注释与样式块替换为: @@ -69,7 +71,11 @@ - `__corner-num` 取消折角负定位,由父级 flex 居中 - 若某页 `.dd-card` 已有 `padding` 简写且覆盖本全局规则,以页面 scoped 为准再补一层;当前五页主样式依赖全局段,以本改为准 -- [ ] **Step 2: 目视核对(H5)** +- [x] **Step 1b: 五页 scoped 左 padding** + +各页 `.dd-card`:`padding: 28rpx 28rpx 24rpx 84rpx;`(避免简写覆盖全局 `padding-left`) + +- [x] **Step 2: 目视核对(H5)** 打开草稿箱 / 待办 / 已办 / 我发起的 / 抄送我的: 1. 左上为绿圆白字,无三角折角 @@ -77,13 +83,22 @@ 3. 第 12 条(或造数据)显示 `12` 完整 4. 管理多选勾选仍可用 -- [ ] **Step 3: Commit** +(实现侧已做代码核对;实机目视由人工收尾确认。) + +- [x] **Step 3: Commit** ```bash git add mobile-h5/styles/components/oa-task-list.scss git commit -m "$(cat <<'EOF' feat(mobile-h5): use solid circle badge for OA list card indexes. +EOF +)" + +git add mobile-h5/pages/oa/{drafts,pending,done,mine,cc}/index.vue +git commit -m "$(cat <<'EOF' +fix(mobile-h5): reserve left padding so OA circle indexes clear titles. + EOF )" ``` diff --git a/docs/superpowers/specs/2026-08-13-oa-list-circle-index-design.md b/docs/superpowers/specs/2026-08-13-oa-list-circle-index-design.md index 565c686e..3876d4f2 100644 --- a/docs/superpowers/specs/2026-08-13-oa-list-circle-index-design.md +++ b/docs/superpowers/specs/2026-08-13-oa-list-circle-index-design.md @@ -36,7 +36,7 @@ | 位置 | `top/left` 约 20rpx(对齐 Demo 10px@375) | | 阴影 | 轻阴影 `0 2px 6px rgba(10, 159, 109, 0.28)` | | 左内边距 | `.dd-card` 左 padding 约 84rpx(对齐 Demo 42px),避免压标题 | -| 改动面 | 仅 `mobile-h5/styles/components/oa-task-list.scss` 中 `.dd-card` / `.dd-card__corner` / `.dd-card__corner-num` | +| 改动面 | `oa-task-list.scss` 圆圈样式 + 五页 scoped `.dd-card` 左 padding=`84rpx`(防止简写覆盖全局) | | 序号文案 | 继续 `formatCornerIndex(listIndex + 1)`;DOM 仍用现有 `__corner` / `__corner-num` 类名 | ## UI 规格