小程序自定义组件 slider

[weixin_41266005]

改组件主要提供以下功能
1、可自定义滑块（图片或自定义视图），默认为和官方一样的白色圆形
2、划出缓冲范围自动回滚
3、渐变前景色

下面主要讲讲这几个功能的实现用法和注意事项，其他功能请下载文末的demo查看

不知道怎么使用自定义组件的同学，可以查看我的上一篇文章progress

1、实现滑块的点击滑动,主要用到下面五个方法

在js文件中将这五个方法抛出，让使用该组件的页面可以监听到这些方法

自定义组件触发事件时，需要使用 triggerEvent 方法，指定事件名、detail对象和事件选项：

以上五个方法都要使用triggerEvent 监听

2、在这个组件中把默认滑块的大小规定在[20, 40]rpx之间。有两个地方需要作出限制
2.1、css文件 设置滑块的上下限


2.2、js文件 在attached方法中对滑块大小作出限制

3、还有一个值得注意的地方是，在使用该组件的时候要设置slider距离屏幕左边的距离,这个距离填写你项目中的实际距离即可

slider-left='75'
4、该组件所用到的单位均为rpx

[eve_midnight]

文末demo在哪？？？？