wxml



js
let animation = wx.createAnimation({ timingFunction:'step-start'})
let drift = [0,0]
Page({
start(e) {
this.pageX = e.changedTouches[0].pageX
this.pageY = e.changedTouches[0].pageY
},
move(e) {
let pageX = drift[0] + e.changedTouches[0].pageX - this.pageX
let pageY = drift[1] + e.changedTouches[0].pageY - this.pageY
animation.translate(pageX,pageY).step()
this.setData({
animation: animation.export()
})
},
end(e) {
drift = [drift[0] + e.changedTouches[0].pageX - this.pageX, drift[1] + e.changedTouches[0].pageY - this.pageY]
}
})


wxss
page {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}


view {
width: 100rpx;
height: 100rpx;
background-color: red;
}