微信小程序 按钮滑动的实现方法

.sliderContent{
position: relative;
margin: 0 auto;
margin-bottom: 50rpx;
padding-left: 60rpx;
width: 425rpx;
box-sizing: border-box;
height: 70rpx;
line-height: 70rpx;
border-radius: 60rpx;
background-color: #fff;
color: #289adc;
box-shadow: 0px 4px 6px 0px rgba(37,114,219,0.3);
}

.sliderContent input {
line-height: 70rpx;
height: 70rpx;
box-sizing: border-box;
padding-left: 40rpx;
width: 250rpx;
}

.input-placeholder {
text-align: center;
color: #289adc;
}

.slider {
position: absolute;
top: 0;
left: 0;
width: 150rpx;
border-radius: 60rpx;
text-align: center;
background-color: #7f7f7f;
color: #fff;
box-shadow: 0px 4px 6px 0px rgba(37,0.3);
}

this.setData({ moveSendBtnLeft: 275.5 }) }

},// 结束移动
moveSendBtnEnd: function (e) {
console.log("end");
var that = this;
var left = ((e.changedTouches[0].clientX - that.data.moveStartX) / (that.data.screenWidth / 750))
console.log(left);
if (left < 275.5) {
for (let i = left; i >= 0; i--) {

    that.setData({
      moveSendBtnLeft: i
    })
  }
} else {
  that.setData({
    moveEndX: e.changedTouches[0].clientX,moveable: false,disabled: false,SendBtnColor: "#289adc"
  })
}

}

})