通用控件

Tab Bar

• Tab 上的文字尽量简洁明了，长度控制在 2-6 个字符
• 小程序 Tab 的数量不能低于 2 个，不多于 5 个，若超数量范围，建议重新梳理小程序的信息架构
• 当前选中的选项文字和图标都需要高亮
• 图标/文字样式均支持自定义，视觉风格需保持一致

按钮

• 在一个小程序的多个场景中，按钮需保持风格一致、同类型操作反馈一致
• 一个场景应该有且只有一个操作重点，避免出现多个主要按钮或没有主要按钮的情况
• 一个按钮的完整交互需要包含以上 3 种完整的状态：普通/按下态/禁用态
• 按钮的颜色、圆角、字体色值可配置
  

轻提示

• Toast 类信息提示使用单行或双行说明文字的样式，单行信息提示 Toast 1.5s 后消失，双行信息提示 Toast 3s 后消失
• 气泡类提示若页面无操作，3s 后自动消失；若点击菜单入口或发生页面跳转，提示消失
• 文案应尽量精简，保证其中的信息能够在消失时间内（1.5s 和 3s）完整传达给用户

对话框

• 标题应当明确当前弹窗出现的目标或主题，描述简明扼要，正文作为信息补充，描述尽可能简洁完善
• 作为一种强打断用户的交互方式，应根据场景需要谨慎使用，且对话框不应连续弹出
• 若需要传递的内容很少，可以考虑用轻提示控件替代；若需要传递的内容/操作很多，尝试用一个新页面来承载

列表

• 列表开关、icon颜色可配置
• 同一场景列表样式要保持一致性：如统一为“标题列表”或“icon+标题列表”或“图文列表”