开关

更新时间:
2023-10-30
下载文档

开关

互斥性的操作控件,用户可以打开或关闭某个功能。

如何使用

  • 开关用于同一设置项的开或关。
  • 对于独立的两个选择项,不可使用开关,可使用单选框选择。
  • 开关状态的颜色使用建议符合颜色语义,通常选择品牌主色作为开启状态的选择,关闭状态不做过多颜色的定义。
  • 在某些场景下,开关操作会使设置的状态发生变化,从开到关或关到开,会有个 Loading 的状态显示。当用户操作时,开关立即完成切换,展示 Loading 状态,如果开启 / 关闭成功则滑块位置不变展示当前的按钮结果,如果开启 / 关闭失败则滑块回到初始位置。

状态

状态

  1. 默认状态(Normal)。
  2. 禁用状态(Disabled)。
  3. 加载中状态(Loading)。

布局

与页面布局相关

功能名称与开关在列表中属于一一对应关系,列表右侧间距保持一致,为 16 vp。通常,列表中开关项以垂直堆叠布局排列。
文档内容是否对您有所帮助?
有帮助
没帮助