Status 状态
状态是对当前数据的一种相对文字更加直观的提示反馈。
状态用法
以下是产品中不同操作常用的颜色。比如代表成功含义的都是绿色,代表失败含义的都是红色。
颜色 | 用法 |
---|---|
绿色 | 成功反馈、提交成功、已提交、已签订、确认到账 |
蓝色 | 正在进行、待签订 |
红色 | 失败反馈、审核不通过、确认未到账、已中止 |
黄色 | 待审核、待支付 |
紫色 | 其他 |
灰色 | 待提交、待新增、已作废 |
状态样式
两种状态的样式,当一个场景中需要用到多种状态展示时,可以用不同的状态样式做区分对比。
应用场景
- 列表页表格
- 流转记录
- 单据状态
- ...
注意
- 所用的颜色不应该违反用户的认知,比如
成功
状态使用红色
,失败错误
状态使用绿色
。 - 状态类的颜色不应跟随主题定制进行修改。