| 尺寸参数 — 大号 | ||
| 轨道宽度 | 64px | --sw-lg-w |
| 轨道高度 | 28px | --sw-lg-h |
| 滑块直径 | 22px | --sw-lg-thumb |
| 轨道圆角 | 14px | --sw-lg-radius |
| 滑块间距 | 3px | --sw-lg-gap |
| 文字字号 | 14px | --sw-lg-font |
| 图标尺寸 | 12px | --sw-lg-icon-size |
| 尺寸参数 — 小号 | ||
| 轨道宽度 | 48px | --sw-sm-w |
| 轨道高度 | 20px | --sw-sm-h |
| 滑块直径 | 14px | --sw-sm-thumb |
| 轨道圆角 | 10px | --sw-sm-radius |
| 滑块间距 | 3px | --sw-sm-gap |
| 文字字号 | 12px | --sw-sm-font |
| 图标尺寸 | 10px | --sw-sm-icon-size |
| 颜色 — 开启态 | ||
| 开启轨道背景 | #3388FF DB60 | --DB60 |
| 开启滑块 | #FFFFFF G0 | --G0 |
| 开启文字/图标 | #FFFFFF G0 | --G0 |
| 开启·禁用轨道 | #9EBFFF DB30 | --DB30 |
| 开启·禁用滑块 | #FFFFFF G0 | --G0 |
| 颜色 — 关闭态 | ||
| 关闭轨道背景 | #A8B4C8 G40 | --G40 |
| 关闭滑块 | #FFFFFF G0 | --G0 |
| 关闭文字/图标 | #FFFFFF G0 | --G0 |
| 关闭·禁用轨道 | #DDE1EB G20 | --G20 |
| 关闭·禁用滑块 | #FFFFFF G0 | --G0 |
| 滑块阴影 | ||
| 阴影 | 0 1px 3px rgba(0,0,0,0.12) | thumb_shadow |
| 动画 | ||
| 背景过渡 | 0.25s ease | transition_bg |
| 滑块滑动 | 0.25s ease | transition_thumb |