Skip to content

[Feature]: unify field and section loading feedback #436

Description

@huyanxius

Problem

工作台的项目、工作流和角色选择器,以及账户页的积分余额和积分流水,都有局部异步读取状态,但反馈方式不统一:有的使用横向扫光线条,有的只显示一行文字。局部数据加载时,用户难以判断是哪一块尚未就绪,页面结构也会发生跳变。

Goal

  • 建立字段和局部区域专用的共享加载反馈。
  • 加载期间保留字段、列表或摘要区域的空间和上下文。
  • 使用克制的分层明暗动画,不使用资产图片点阵或横向扫光。

Scope

  • 工作台项目、工作流和角色选择区域。
  • 账户页积分余额和积分流水区域。
  • 共享 FieldSkeleton / SectionLoadingState 及 reduced-motion。
  • loading、ready、empty、error 切换和分页重载的定向测试。

Out of Scope

Acceptance Criteria

  • 每个局部加载区域能明确标示正在读取的内容,并保持原布局尺寸。
  • 工作台不再使用横向扫光加载线,改为无方向性的分层显现。
  • 积分余额与流水分别加载、分别失败,不互相遮挡。
  • 分页或重试时只更新对应区域,不整页闪烁。
  • ready、empty 和 error 状态不复用 loading 视觉。
  • 支持 prefers-reduced-motion,并通过相关定向测试、类型检查和真实延迟验收。

Blocked By

Metadata

Metadata

Assignees

No one assigned

    Labels

    MiniSpec小改动的精简规格enhancementNew feature or request

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions