双滑块Slider范围选择组件
双手柄的滑块组件,挺适合做范围选择那一类需求。你要是搞价格区间、时间段这种,基本都得用它。两个手柄,一个控制起点、一个控制终点,响应也快,交互也顺。你可以自定义最小最大值,设置步进值,甚至改手柄样式,轨道也能动手脚,调个颜色、加点刻度都行。还有事件监听,像change
这种,改完值可以立马触发逻辑。
压缩包sliderDemo
里代码结构还挺清爽的,用的是Vue
或者React
,样式也有是用Sass
写的,适合拿来改造。要是你做项目经常有这种需求,不妨研究下,顺手拎出来就能用。
不过也别忽略无障碍支持,像键盘控制、屏幕阅读器这些,有时候产品经理也会盯这个点。,双滑块滑杆,用好了用户体验能上一个台阶。你要是做 iOS、web 甚至.NET
都能找到相应的实现。
61.84KB
文件大小:
评论区