Files
zkxw/docs/superpowers/plans/2026-08-11-oa-start-loading.md
T
2026-08-12 10:02:31 +08:00

23 lines
967 B
Markdown

# 发起审批页加载态(三点弹跳)Implementation Plan
> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
**Goal:** 将发起审批页加载态从纯文字改为品牌绿三点弹跳 +「加载审批模板…」。
**Architecture:** 仅改 `pages/oa/start/index.vue` 的 loading 模板与 scoped CSS;逻辑不变。
**Tech Stack:** uni-app Vue SFC、scoped SCSS/CSS、mobile-h5 Token `#16a34a`
---
### Task 1: 替换加载态 UI
**Files:**
- Modify: `mobile-h5/pages/oa/start/index.vue`
- [x] **Step 1:** 将 `v-if="loading"` 分支改为三点弹跳结构 + 文案
- [x] **Step 2:** 增加 `.state-loading`、`.pulse-dots` 与 `@keyframes bounce` 样式
- [x] **Step 3:** 浏览器打开 `/#/pages/oa/start/index` 确认加载动效与加载完成后列表/空态正常
---