小程序
小游戏
企业微信
微信支付
扫描小程序码分享
1.麻烦大佬手摸手教学?我已经实现到处可以拖动。但是要求是,不能在中间悬停,在中间悬停之后,自动回到某一侧。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
谢邀
弄一个 [ 能复现问题的简单的 ] 代码片段
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<movable-view class="moveview" x="{{x}}" y="{{y}}" direction="all" bindchange="move" bindtouchend="touchEnd" bindtouchstart="touchStart"></movable-view>
data: { x:30, y:30, xp:0, //标记每次移动的起始点 yp:0, flag:false //判断是否开始移动 }, moveTo(){ this.setData({ x:0, y:0 }) }, move(e){ if(this.data.flag){ this.setData({ x:e.detail.x, y:e.detail.y }) } }, touchStart(){ this.setData({ flag:true, xp:this.data.x, yp:this.data.y }) }, touchEnd(){ this.setData({ flag:false }) if(this.data.x>50 && this.data.x<280){ this.setData({ x:this.data.xp, y:this.data.yp }) } },
应该是要算屏幕的宽度把
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
谢邀
弄一个 [ 能复现问题的简单的 ] 代码片段
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
你弄一个代码片段,我帮你看看
不弄就算了
<movable-view class="moveview" x="{{x}}" y="{{y}}" direction="all" bindchange="move" bindtouchend="touchEnd" bindtouchstart="touchStart"></movable-view>
data: { x:30, y:30, xp:0, //标记每次移动的起始点 yp:0, flag:false //判断是否开始移动 }, moveTo(){ this.setData({ x:0, y:0 }) }, move(e){ if(this.data.flag){ this.setData({ x:e.detail.x, y:e.detail.y }) } }, touchStart(){ this.setData({ flag:true, xp:this.data.x, yp:this.data.y }) }, touchEnd(){ this.setData({ flag:false }) if(this.data.x>50 && this.data.x<280){ this.setData({ x:this.data.xp, y:this.data.yp }) } },
应该是要算屏幕的宽度把