通用信息 Message
任何一个产品,即使用户界面做的再好,也离不开用户引导和信息提示。当需要告诉用户要做什么,或将要了解的信息传递给用户时,最直接的方式是使用文字。
基本规范
  1. 帮助:提供用户功能、作用的解释。例如:列表中数据字段的解释。
  2. 资讯:告知用户事项、状态,知晓即可的信息,该信息可关闭。例如:您报名参加的活动已通过。
  3. 低风险警告:需要用户知道并采取行动,若忽略该信息,后续可进行修复的事件。例如:您的账户余额不足,请尽快充值。去充值。
  4. 高风险警告:需要用户知道并采取行动,若忽略该信息,后续无法挽回的事件。例如:您的账户已被触发,处于冻结状态。去申诉。
  5. 成功:用户操作已成功。例如:计划创建成功。
  6. 失败:用户操作已失效或是需要马上采取行动的问题。例如:提交失败。
示例 Examples
通用提示

猎上平台在发布职位后,PA在第一时间通知到我的职位,被@后系统会在第一时间进行通知提醒。

X
background-color:#fff8df
border:1px solid #e3cd76
padding:7px 15px
margin-bottom:10px
height:40px
line-height:24px
color:#333
close btn color:#999
参考Element UI,具体请查看 http://element.eleme.io/#/zh-CN/component/message