可拖拽组件slider.js
基于 mithril.js ,javascript ,scss写一个可拖动的滑块组件 问题描述: 需求需要实现一个可拖动的滑块组件,但是又不能用UI框架,只好自己动手写一个了。 废话不多说,直接上代码。 技术要求 需要有mithril.js,javascript,scss技术基础。 js及页面代码。 var m = require ( "mithril" ) ; require ( './slider.scss' ) ; import slider from './slider' ; let obj = { colorWidth : 0 , // 已拖拽长度 clickOpen : false , // 是否开启拖拽 sliderDom : '' , // 绑定的灰条dom colorDom : '' , // 绑定的有色条dom radiusDom : '' , // 绑定的圆点dom moveEmentRect : null , // 获取灰条dom参数 Percentage : 0 , // 百分比 minWidth : 0 , // 拖动区间下限 maxWidth : 0 , // 拖动区间上限 sliderCallback : null , // 参数回调 node : [ 0 , 25 , 50 , 75 , 100 ] , // 节点数及占比 // 初始化数据