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

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
zlwuandCursor committed 2026-08-13 14:29:02 +08:00
1 parent 93bb28c06b
commit 0e1b750457
2 files changed
+20 -5

No files matched your search

@@ -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
)"
```
@@ -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 规格