html52.com
我爱小程序-开发者交流社区

小程序段(监测movable-view 拖动)用预览模式功能正常,真机调试不稳定

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug movable-view 客户端 6.5.3 2.0.0

- 当前 Bug 的表现(可附上截图)

当前在预览模式运行比较稳定,但真机调试时movable-view会发生不稳定和跳动的现象

- 预期表现

- 预期表现预期一拖动movable-view 则其放大至1.6倍,拖动到范围内时则锁定到预定位置(x=139,y=245),否则movable-vie
- 预期表现预期一拖动movable-view 则其放大至1.6倍,拖动到范围内时则锁定到预定位置(x=139,y=245),否则movable-vie

预期一拖动movable-view 则其放大至1.6倍,拖动到范围内时则锁定到预定位置(x=139,y=245),否则movable-view恢复1倍大小且返回初始位置(x=0,y=0)。

- 复现路径


- 提供一个最简复现 Demo

<view class="section">

<movable-area style="height: 570px; width: 360px; background: red;">

<image style="height: 570px; width:360px"mode="aspectFit"src="../../icons/13.png"></image>

<movable-view style="height: 50px; width: 50px; background:;" x="{{x}}" y="{{y}}" bindtap="tap"direction="all"damping="40"bindchange="onChange" bindscale="onScale"scale scale-min="0.5" scale-max="4"scale-value="{{c}}">

<image style="height: 50px; width:50px"mode="aspectFit"src="../../icons/11.png"></image>

</movable-view>

</view>

data: {

x: 0,

y: 0,

a: 155,

b: 0,

c:1

},

tap: function (e) {

this.setData({

c:1.6

});

},

onChange: function (e) {

console.log(e.detail)

if (e.detail.x > 130 && e.detail.x < 150 && e.detail.y > 220 && e.detail.y<280) {

this.setData({

x: 139,

y: 245,

c:1.6

});

}

else

{

this.setData({

x: 0,

y: 0,

c:1

});

}

},

用小程序段监测监测movable-view 拖动的位置,判断坐标在130<x<150,220<y<280时,则movable-view 锁定到(x=139,y=245)的位置,否则则movable-view 返回(x=0,y=0)。在预览模式时可以稳定实现,真机调试时不稳定,movable-view经常来回跳动,且已经进入130<x<150,220<y<280的范围也不锁定。求高手帮忙分析原因,指出解决方法。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付