// 重置movable-view的位置 function resetPosition() { x = 0; y = 0; // 更新movable-view的位置(请根据您实际使用的框架或环境调整此部分代码) // 例如:在微信小程序中,您可以使用setData更新组件的属性值 // this.setData({ //x: 0, //y: 0 // }); } ``` 请确保将上述代码片段适当地集成...
具体来说,可以通过调用`setData`方法来更新movable-view的x轴属性。 三、注意事项 1.确保事件监听正确:如果movable-view的位置是通过用户交互(如拖动)来改变的,那么需要确保相关的事件监听器(如`touchmove`)已经正确设置,以便能够捕获用户的操作并相应地更新数据。 2.数据处理逻辑清晰:在更新movable-view的x轴位置时...
小程序 Bug movable-view 微信安卓客户端 8.0.24.2180 2.25.0 在mounted钩子设置xy将movable-view定位到movable-area中间,缩放操作后再通过xy定位的时候(此时的缩放等级跟最开始定位时不同),movable-view定位位置不在movable-area中间 回答关注问题邀请回答 收藏 分享 2 个回答 社区技...
今天仔细看了setData前后,WXML前后的差别,发现movable-view实际上位置是通过transform: translateX(100px) translateY(400px) translateZ(0px) scale(1); transform-origin: center center 0px;这么一句话来控制的,因此在模板中我添加了这样的一句话,于是位置信息不会重置。具体代码见解决方案。 有用2 回复 请登录...
movable-view 绑定块移动事件的 块ID,块移动的坐标 移动结束后触发moveEnd事件,根据Y坐标对对象数组进行排序 根据排序结果重置块位置 3.实现代码 代码已经进行了最简化处理 图中效果实现需引入colorui的main.wxss样式部分。 wxml <movable-areaclass="padding text-center bg-grey"style="width:100%;height:500px;"...
</movable-view> </movable-area> 1. 2. 3. 4. 5. index.css .itemBox { background: white; width: 100%; height: 80rpx; line-height: 80rpx; padding: 0rpx 20rpx; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4); } 1.
movable-view 绑定块移动事件的 块ID,块移动的坐标 移动结束后触发moveEnd事件,根据Y坐标对对象数组进行排序 根据排序结果重置块位置 3.实现代码 代码已经进行了最简化处理 图中效果实现需引入colorui的main.wxss样式部分。 wxml <movable-areaclass="padding text-center bg-grey"style="width:100%;height:500px;"...
<movable-area style="width: 100%;height:{{(dataList.length)*60}}px;"> <movable-view class="itemBox" style="z-index:{{index == moveId ? 2 : 1}}" wx:for="{{dataList}}" wx:key="index" y="{{item.y}}" direction="all" bind:change="moving" bind:touchend='moved' data-move...
根据排序结果重置块位置 3.实现代码 代码已经进行了最简化处理 图中效果实现需引入colorui的main.wxss样式部分。 wxml 代码语言:javascript 复制 <movable-areaclass="padding text-center bg-grey"style="width:100%;height:500px;"><movable-viewclass="radius shadow bg-white"style="width:80%;height:80px;z-...
movable-view 绑定块移动事件的 块ID,块移动的坐标 移动结束后触发moveEnd事件,根据Y坐标对对象数组进行排序 根据排序结果重置块位置 3.实现代码 代码已经进行了最简化处理 图中效果实现需引入colorui的main.wxss样式部分。 wxml {{item.name}} js varcompare =function(obj1, obj2) {varval1 = obj1.y;varval...