小程序的movable-view怎么持续移动
2024-08-27 03:16:16
在小程序的官方例子中,点击按钮以后的movable-view只是挪动了一次(链接:https://mp.weixin.qq.com/debug/wxadoc/dev/component/movable-view.html),那我想每点击一次就再挪动一个距离怎么弄:
wxml:
<view class="section">
<view class="section__title">movable-view区域小于movable-area</view>
<movable-area style="height: 200px;width: 200px;background: red;">
<movable-view style="height: 50px; width: 50px; background: blue;" x="{{x}}" y="{{y}}" direction="all">
</movable-view>
</movable-area>
<view class="btn-area">
<button size="mini" bindtap="taps">click me to move to (30px, 30px)</button>
</view>
js:
Page({
data: {
x:0,
y:0
}, taps: function (e) {
let num = 10;
console.log(this.data.x);
this.setData({
x: this.data.x+num,
y: this.data.x+num
});
}
})
如此便可以实现功能了
最新文章
- 与你相遇好幸运,使用redis设置定时任务
- python3中用HTMLTestRunner.py报ImportError: No module named &#39;StringIO&#39;如何解决
- js动画之多物体运动
- HTML5系列三(多媒体播放、本地存储、本地数据库、离线应用)
- Emacs 之窗口管理
- JDBC事务处理
- 关于ZIP大文件压缩
- 从客户端中检测到有潜在危险的 Request.Form 值
- NotifyIcon用法
- ExtJS4.2学习(二)Ext统一组件模型——Panel
- 【转】iOS开发Xcode7真机调试教程
- DateTime用法
- Zabbix3.0 安装Graphtree
- ASP.NET Core 企业级开发架构简介及框架汇总
- 智能合约语言 Solidity 教程系列5 - 数组介绍
- java程序调用CMD命令启动tomcat替换环境变量
- springboot 配置文件说明
- 关于UTC时间和本地时间
- Nginx实现tomcat集群进行负载均衡
- 洛谷P3227 切糕