| 尺寸参数 | ||
| 轨道宽度 | 240px | --sl-track-w |
| 轨道高度 | 2px | --sl-track-h |
| 轨道圆角 | 1px | --sl-track-radius |
| 滑块直径 | 12px | --sl-thumb-size |
| 滑块描边 | 2px solid DB60 | --sl-thumb-border |
| 滑块填充 | #FFFFFF G0 | --sl-thumb-fill |
| 滑块阴影 | 0 1px 3px rgba(0,0,0,0.1) | thumb_shadow |
| 百分比字号 | 14px / 500 | --sl-label-font |
| 百分比字体 | HarmonyOS Sans | --font-number |
| 颜色 — 常规状态 | ||
| 已填充轨道 | #3388FF DB60 | --DB60 |
| 未填充轨道 | #DDE1EB G20 | --G20 |
| 滑块描边 | #3388FF DB60 | --DB60 |
| 滑块填充 | #FFFFFF G0 | --G0 |
| 百分比文字 | #3388FF DB60 | --DB60 |
| 已过节点 | DB60 填充 + 1px DB60 描边 | --DB60 |
| 未过节点 | G0 填充 + 1px DB60 描边 | --G0 + --DB60 |
| 颜色 — 禁用状态 | ||
| 已填充轨道 | #9EBFFF DB30 | --DB30 |
| 未填充轨道 | #DDE1EB G20 | --G20 |
| 滑块描边 | #9EBFFF DB30 | --DB30 |
| 滑块填充 | #FFFFFF G0 | --G0 |
| 百分比文字 | #9EBFFF DB30 | --DB30 |
| 已过节点 | DB30 填充 + 1px DB30 描边 | --DB30 |
| 未过节点 | G0 填充 + 1px DB30 描边 | --G0 + --DB30 |
| 指定节点 | ||
| 节点数量 | 10 | --sl-node-count |
| 节点直径 | 6px | --sl-node-size |
| 节点描边 | 1px solid DB60 | --sl-node-border |
| 节点间距 | 24px (240/10) | node_gap |
| 步进值 | 10% | step_value |
| 节点位置 | 10%, 20%, …, 100% | node_positions |
| 停留规则 | 滑块只能在节点上停留 | snap_to_node |
| 动画 | ||
| 滑块滑动 | 0.15s ease | transition_thumb |
| 填充轨道 | 同步滑块 | transition_fill |