zkxw/docs/superpowers/plans/2026-08-11-oa-start-loading.md

发起审批页加载态（三点弹跳）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

• Step 1: 将 v-if="loading" 分支改为三点弹跳结构 + 文案

• Step 2: 增加 .state-loading、.pulse-dots 与 @keyframes bounce 样式

• Step 3: 浏览器打开 /#/pages/oa/start/index 确认加载动效与加载完成后列表/空态正常

---