{{item.button_name}} 源码如上 现在用movable-area移动布局是没有移动动画效果 直接出现瞬间移动，使用调试基础库3.4.6真机和模拟器能出现移动动画效果

{{item.button_name}}

drag(e) { if (this.data.flag == false) { return } if (e.detail.source == '') return //如果这个值为空，说明不是手动拖拽的，不要进行下面的操作 // console.log(e.detail); let myindex = e.currentTarget.dataset.myindex //当前拖动的图标的index if (this.data.nowDragIndex !== myindex) { //设置当前拖动的图标 console.log('当前拖动的图标序号为', myindex); this.setData({ nowDragIndex: myindex }) } // e.detail单位是px，需要转为rpx let x = this.pxToRpx(e.detail.x) //转为rpx的x let y = this.pxToRpx(e.detail.y) //转为rpx的y let box = {} let drag = this.data.drag //拖拽部分的变量 宽 高 个数等 box.leftX = x //正在拖动的盒子的左侧x值 box.rightX = x + drag.outWidth / drag.countOneLine //正在拖动的盒子的右侧x值 box.topY = y //正在拖动的盒子的顶部y值 box.bottomY = y + drag.height //正在拖动的盒子的底部y值 //使用for循环判断现在正在哪个位置 - 性能问题，如何防抖？ for (let i = 0; i < this.data.positionList.length; i++) { const element = this.data.positionList[i]; //判断拖拽的盒子，在哪个蓝色模块的位置 if (box.leftX < element.left && box.rightX > element.left && element.boxTop - 20 < box.topY && element.boxBottom + 20 > box.bottomY) { this.setData({ showLine: i }) break } } },