docs: sync circle-index plan/spec with page padding follow-up.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
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 规格
|
||||
|
||||
Reference in new issue
Block a user