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


使用场景
在需要表示开关状态或仅有两种状态之间切换的场景中使用,并且操作后是立即生效的。
若需要指定不完全或不确定的状态,请尝试使用 Checkbox
规范
样式说明
大尺寸:
小尺寸:
24px
16px
40px
26px
22px
14px
开关高度为 24px,宽度为40px,开关内圆圈长宽高为 22px,且圆圈带一个通用投影shadow-1
开关高度为16px,宽度为26px,开关内圆圈长宽高为 14px,且圆圈带一个通用投影shadow-1
注:开关组件在线上使用的是手机原生系统的开关组件进行缩放的,所以设计师在【验收时】发现线上开关尺寸 带有小数点/半像素 为正常情况
状态:
default:
default disable:
active:
active disable:
Small
线上开关尺寸:26.11*15.87
热区范围:41*28

注意示例

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