双滑块Slider范围选择组件

双手柄的滑块组件,挺适合做范围选择那一类需求。你要是搞价格区间、时间段这种,基本都得用它。两个手柄,一个控制起点、一个控制终点,响应也快,交互也顺。你可以自定义最小最大值,设置步进值,甚至改手柄样式,轨道也能动手脚,调个颜色、加点刻度都行。还有事件监听,像change这种,改完值可以立马触发逻辑。

压缩包sliderDemo里代码结构还挺清爽的,用的是Vue或者React,样式也有是用Sass写的,适合拿来改造。要是你做项目经常有这种需求,不妨研究下,顺手拎出来就能用。

不过也别忽略无障碍支持,像键盘控制、屏幕阅读器这些,有时候产品经理也会盯这个点。,双滑块滑杆,用好了用户体验能上一个台阶。你要是做 iOS、web 甚至.NET都能找到相应的实现。

zip 文件大小:61.84KB