微信小程序实现拖拽功能

view class=' CollectBox ' bind tap=' AddCollect ' wx : if=' { { write[0]write[1]0 } } ' bind touch move=' touch move ' catch : touch move style=' left : { { write[0]} } px；top : { { write[1]} } px；'图像' src='././图像/图标/添加收藏。png//image/view//pages/catedetaire/catedetaire。jsconst app=GetApp()Page({/* * *页面的初始数据*/data: { //拖拽参数writePosition: [80，90]，//默认定位参数writesize: [0，0]，//X Y定位windows :[0，0]，//屏幕尺寸write: [0，0]，//定位参数scrolltop: 0，//据顶部距离}, /** * 生命周期函数-监听页面加载*/onLoad:函数（选项){ //在页面中定义插屏广告让那个=这个；那个。getsysdata()；}, //计算默认定位值getSysdata:函数(){ var=thiswx。getsystem info({ success : function(e)}。数据。window=[e .窗宽，e .窗高]；var write=[]；写[0]=那个。数据。窗口[0]*即。数据。写入位置[0]/100；写[1]=那个。数据。窗口[1]*那个。数据。写位置[1]/100；console.log(写入，45)说明。setData({ write: write }，function () { //获取元素宽高wx.createSelectorQuery().选择('。collectBox ').boundingClientRect(函数(RES){控制台。日志(资源宽度)。数据。写大小=[RES .宽度，RES .高度]；}).exec()；}) }，fail:函数{控制台。log(e)} })；}, //开始拖拽touchmove:函数{ var=this可变位置=[e .触摸[0].pageX - that.data.writesize[0]/2，e . touch[0].佩吉-那个。数据。写尺寸[1/2 ]-这个。数据。向上滚动]；那个。setdata({ write : position })；}，onpage scroll(e){ this。数据。滚动顶部=e .滚动顶部；},})总结

以上所述是小编给大家介绍的微信小程序实现拖拽功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！