交互设计规范分享：通用组件规范思维导图

菜单导航栏

当前位置导航

表单输入框由 表单字段名称： + 输入框组成，字段名称原则上2-4个汉字

预置文案：输入框内均需有预置文案，且光标进入输入框获得焦点时文案自动消失，若输入框失去焦点且未输入任何文字时恢复预置文案

（3）下拉选择框中内容有多级时，只显示一级，其他级呈灰色不可用状态，选择一级后才会激活第二级，以此类推

界面的必填项以红色*号标识出来，且标识在“表单字段名称”前面。存在必填项未填写时，输入框失去焦点即时提示，输入框红色描边，且输入框下方左有相应红色提示文案。输入框未曾获得过焦点直接提交时，同样输入框红色描边+红色提示文案提醒

单行输入框：在未限制字数情况下，当输入文字比前输入框长时，最先输入的文字隐藏，光标和最后一个输入的文字显示在输入框尾部

多行输入框：需要有“当前已输入字数/最多可输入字数”

与限制条件不符的费法输入应即时提醒

只允许输入日期、时间的输入框需要通过格式化方式约束输入，而不是输入非法值后给出提示

按钮种类：优先操作按钮，次要按钮，不可用按钮

按钮状态：默认显示状态，鼠标经过状态，点击状态

按钮位置：按windows交互习惯先优先后次要（左确定，右取消）

按钮样式：可直接写文字，或文字+图标（具体方案参照UI设计效果图），原则上按钮上文字为2-4个汉字

当数据获取较慢，或网络状况不佳时，要有统一的加载方案图示告诉用户“数据正在加载中……”

当页面没有数据、加载失败或出错时，要有统一的提示文案图标告诉用户“页面加载失败/暂无数据/页面出错”，具体图文可参与UI设计效果

默认状态鼠标为“箭头形状”，经过可点击元素时变为“手指状”，在可输入框中为“竖线光标状”

支持回车键提交

支持回车键查询

支持tab键移动光标焦点，移动遵循从左至右，从上至下的原则