跳到主要内容

Status 状态

状态是对当前数据的一种相对文字更加直观的提示反馈。


状态用法

以下是产品中不同操作常用的颜色。比如代表成功含义的都是绿色,代表失败含义的都是红色。

颜色用法
绿色成功反馈、提交成功、已提交、已签订、确认到账
蓝色正在进行、待签订
红色失败反馈、审核不通过、确认未到账、已中止
黄色待审核、待支付
紫色其他
灰色待提交、待新增、已作废

状态样式

两种状态的样式,当一个场景中需要用到多种状态展示时,可以用不同的状态样式做区分对比。

应用场景

  • 列表页表格
  • 流转记录
  • 单据状态
  • ...

注意

  • 所用的颜色不应该违反用户的认知,比如 成功 状态使用 红色失败错误 状态使用 绿色
  • 状态类的颜色不应跟随主题定制进行修改。