在小程序中movable-view 默认为绝对定位,top和left属性为0px,我试着用js动态改变了top和left的值,但是发现会改变图片可拖动的面积((left,top)之前的位置都不能拖动),代码如下:
<!--wxml-->
<movable-area style="height:100%;width: 100%;">
<movable-view direction="all" x="{{x}}" y="{{y}} ">
<image class='hover-list' src='/images/list.png' bindtap="sidebarDrawer" data-statu="open"/>
</movable-view>
</movable-area>
<!--js-->
Page({
// 页面的初始数据
data: {
topValue: 10,
leftValue:10
},
onLoad: function () { //获取屏幕宽高
var _this = this;
wx.getSystemInfo({
success: function (res) {
var X = res.windowWidth-70;
var Y= res.windowHeight-130;
_this.setData({
leftValue: X,
topValue: Y
});
}
});
}
})
由此只能设置movable-view组件的x,y的属性值了,然而改变x和y的值会触发动画,从而影响用户效果,解决的第二个方法问题是小程序movable-view改变x的值能不触发动画么?