Просмотр исходного кода

docs: sync circle-index plan/spec with page padding follow-up.

Co-authored-by: Cursor <cursoragent@cursor.com>
zlwu 2 месяцев назад
Родитель
Сommit
0e1b750457

+ 19 - 4
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
 )"
 ```

+ 1 - 1
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 规格