设计目录

模块状态

加载、降级与失败都有明确的表达和下一步。

ModuleSlot · 八态演练

切换真实模块信封，观察同一组件的加载、降级和错误处理。

示例指数 AA

100.00+1.00+1.00%

高: 102.00
低: 98.00
成交额: 100 万

查看用法

<ModuleSlot module={module} isFetching={isFetching}
  name="指数示例" onRetry={retry}>
  <IndexQuoteCard quote={quote} meta={module.meta} />
</ModuleSlot>

正常 / 加载 / 空: 正常展示证据；加载保留模块空间；空结果说明范围与下一步。
部分 / 延迟 / 过期: 继续展示已有数据，同时说明缺失、延迟分钟或截至时间。
错误 / 权限不足: 在原模块解释原因；可重试的错误提供操作，权限不足不伪造内容。
演示: demo_only 是独立标记，可以与任何模块状态同时存在。

所有数据示例仅用于组件排版演练，不构成投资建议。