小程序view(块)可拖动

这几天突然需要用到view拖动,在网上找了一圈也没找到,最后找到一个排序拖动给了我灵感

 

wxml:


//moveStart   开始拖动    //endOfTouch   结束拖动    //slide   拖动中

js: 

data: {
    startY:""
}

//开始拖动
moveStart: function(ent) {
    console.log(ent);
    //获取最开始的Y坐标
    this.setData({
        startY: ent.changedTouches[0].pageY
    })
},

//结束拖动
endOfTouch: function(e) {
    //结束后的代码逻辑
},

//拖动中
slide: function(ent) {
    console.log(ent);
    var processY=ent.changedTouches[0].pageY;
    if(processY > this.data.firstTopY){
        console.log('下滑');
    }else if(processY < this.data.firstTopY){
        console.log('上滑');
    }
}

 

你可能感兴趣的:(个人)