Switch 开关

开关是一种用于两种互斥状态之间进行切换的组件。

总览

使用场景

在需要表示开关状态或仅有两种状态之间切换的场景中使用,并且操作后是立即生效的。

若需要指定不完全或不确定的状态,请尝试使用 Checkbox

规范

样式说明

大尺寸:

小尺寸:

24px

16px

40px

26px

22px

14px

开关高度为 24px,宽度为40px,开关内圆圈长宽高为 22px,且圆圈带一个通用投影shadow-1

开关高度为16px,宽度为26px,开关内圆圈长宽高为 14px,且圆圈带一个通用投影shadow-1

注:开关组件在线上使用的是手机原生系统的开关组件进行缩放的,所以设计师在【验收时】发现线上开关尺寸 带有小数点/半像素 为正常情况

状态:

default:

default disable:

active:

active disable:

Large

线上开关尺寸:40.8*24.8

热区范围:51*31

Small

线上开关尺寸:26.11*15.87

热区范围:41*28

注意示例



开关
切换开关
开关按钮
选项开关
切换器,滑动开关

DESIGN

中文