如何在小程序中制作可拖动悬浮图标及长尾词角标？

本文共计890个文字，预计阅读时间需要4分钟。

在制作商城类微信小程序的过程中，我们经常会遇到需要增加可拖动悬浮图标的情况。下面简单介绍一下可拖动悬浮按钮的实现方法。

运行截图：

主要代码：javascriptjs:var startPointPage={ data: { startPoint: { x: 50, y: 50, width: 100, height: 100 } }, onLoad: function() { // 初始化悬浮按钮位置 this.setData({ startPoint.x: 50, startPoint.y: 50 }); }, moveStartPoint: function(e) { // 获取触摸点位置 var touch=e.touches[0]; // 计算移动后的位置 var x=touch.pageX - this.data.startPoint.width / 2; var y=touch.pageY - this.data.startPoint.height / 2; // 设置新的位置 this.setData({ startPoint.x: x, startPoint.y: y }); }};

在制作商城类微信小程序的过程中，我们经常会碰到需要增加可拖动悬浮图标的情况，本文简单的介绍一下可拖动悬浮按钮的实现。