当前位置: 首页 > news >正文

小程序 拖动节点

设置浮动元素事件,并且可拖动的功能。

data:{
    translateX: 0, // 位移x坐标 单位px
    translateY: 0, // 位移y坐标 单位px
    distance: 0, // 双指接触点距离
    startMove: { // 起始位移距离
      x: 0,
      y: 0,
    },
    startTouches: [] // 起始点touch数组
 }
 


touchmove(e) {const touches
= e.touchesconst { pageX: onePageX, pageY: onePageY } = touches[0]const { startMove } = this.datathis.setData({translateX: onePageX - startMove.x,translateY: onePageY - startMove.y})},touchstart(e) {const touches = e.touchesconst { translateX, translateY } = this.dataconst { pageX, pageY } = touches[0]this.data.startMove = {x: pageX - translateX,y: pageY - translateY}this.data.startTouches = touches},

设置访问展示元素;

<view style ="transform: translate({{translateX}}px, {{translateY}}px)" bind:touchmove="touchmove" bind:touchstart="touchstart" style="position: fixed; top: 0">123</

  

http://www.hskmm.com/?act=detail&tid=30226

相关文章:

  • ORA-00604: 递归 SQL 级别 1 出现错误 ORA-01000: 超出打开游标的最大数
  • Python的解释器
  • 10月13号
  • shiro快速启动
  • netty思维导图总结
  • gitreset、revert
  • 2025 年直流电弧炉厂商最新推荐排行榜:全面剖析优质企业技术实力与产品优势,助力各行业企业精准选购适配设备贵金属/节能直流/环保直流电弧炉厂家推荐
  • 2025 海外仓服务公司最新推荐榜单:含维修换标特色服务,三大优选品牌口碑解析美国/英国/德国/法国海外仓公司推荐
  • MaxKB 的 RAG 引擎和向量存储实现细节
  • 工业相机传感器CCD的原理及基础知识
  • ubuntu22.04安装激活Navicat15详细教程
  • 20232406 2025-2026-1 《网络与系统攻防技术》实验一实验报告
  • 经验再多,可能不如有个OCP证书好使
  • 2025 国内三效废水/多效废水/母液/废液蒸发器及三效/多效/单效MVR蒸发器厂家精选指南
  • 309、清平调三首其二
  • win11系统,右键新建记事本没有了
  • 高级语言-Lec2
  • 太强了!迅捷视频转换器一键搞定所有视频格式,还能剪辑加水印!
  • 2025 年变电站厂家推荐榜:撬装/移动车载/预制舱式/移动/预装式变电站厂家,聚焦技术与服务,助力电力建设高效推进
  • 2025 年建筑装饰材料优选:劈开砖 / 陶土砖五大靠谱厂家推荐,兼顾自然质感、长效耐用与多元场景需求
  • 使用Fail2ban保护SSH、MySQL 登录防止暴力破解
  • 一文了解时序数据库 IoTDB 分区、同步与备份
  • python
  • 借助Selenium实现网页截图来生成应用封面
  • 导数的应用
  • 恒温恒湿试验箱多少钱一台?2025年最新价格,由上海柏毅提供!
  • 学习日报 20250928|React 中实现 “实时检测”:useEffect 依赖项触发机制详解 - 实践
  • 日志|JavaScript
  • UNION类SQL注入步骤总结
  • MQTT的使用