微信小程序进度条拖动代码实现

微信小程序进度条拖动代码实现

做开发小程序音乐软件的时候遇到的难点和大家分享

自定义函数// 监听拖动进度条的功能 sliderChange(e) { audioCtx.seek(e.detail.value / 100 * this.data.play.duration) // this.setData({ // 'play.percent': e.detail.value // }) console.log(e); // console.log(e.detail.value / e.detail.duration * 100); } })

swiper里加了bindchange事件

<slider bindchange='sliderChange' activeColor="#d33a31" block-size="12" backgroundColor="#dadada" value="{{play.percent}}" />

最后就实现拖动功能