B1建档向导壳
5 步 + 可中断续填
向导是 H5 里最长的一段路。进度条、草稿自动保存、随时退出三件事必须在第一屏就讲清。
这页在验证
- 五步全称在 390px 下用紧凑进度条,不用横向滚动
- 草稿保存是本页最容易被忽略、也最容易掉用户的一条
- 可跳过的两步在列表里就写明可跳过,不等到那一步才说
进度环 c-ring 在这里首次出场:它替代没有信息量的转圈。
用到的组件
c-navc-steps--compactc-ringc-listc-row--barc-alert--ok
这一区的三条硬规则
- 全屏聚焦。建档是一次性任务,中途允许跳走等于允许半途而废——这 6 页不挂底栏(04 迁移图里三个例外之一),只有顶部返回 + 底部操作条
- 可中断续填。草稿自动保存,退出不丢,随时回来接着填
- 不阻断。照片和录音两步都能跳过,不跳过只是更像你
B 区 6 页已出全:B1 向导壳 → B2 我是谁 → B3 定位结果 → B4 照片 → B5 录音 → B6 核对完成。前五页的主按钮一律直接跳下一页,整条链点得通。
PC 版式
≥1024 左侧固定导航(品牌 + 四项主导航 + 积分钱包):出片四件套 / 出片风格 / 生成记录 / 后台概况(v1.2 口径,底部四 tab 同一套),内容全宽铺满,不再是手机窄列。≤1023 与手机完全一致,一个像素不动。