微信小程序页面实现悬浮框长按拖拽，点击跳转到直接链接，

实现悬浮框长按拖拽和点击跳转的方法如下：

1. 在小程序页面中，使用 `view` 标签创建一个悬浮框，并设置其 `position` 属性为 `fixed`，使其固定在页面上方。

2. 使用 `longpress` 事件监听器实现长按拖拽功能。具体实现方法是通过 `touchstart` 事件获取拖拽起始位置的坐标，再通过 `touchmove` 事件实时获取当前拖拽位置的坐标，并根据两者之间的距离计算出悬浮框的新位置，最后通过 `style` 属性实时更新悬浮框的位置。

3. 使用 `navigator` 标签实现点击跳转功能。具体实现方法是将 `navigator` 标签包裹在悬浮框内部，并设置其 `url` 属性为跳转链接的地址。

下面是一个示例代码：

<view class="float-box" style="position: fixed; left: {{left}}px; top: {{top}}px;" bindlongpress="onFloatBoxLongPress">
  <navigator url="{{linkUrl}}">
    <image src="{{floatImage}}" mode="aspectFill" style="width: 100%; height: 100%;"></image>
  </navigator>
</view>

Page({
  data: {
    floatImage: '悬浮框图片地址',
    linkUrl: '跳转链接地址',
    left: 0,
    top: 0,
    startX: 0,
    startY: 0
  },

  onFloatBoxLongPress: function(event) {
    this.setData({
      startX: event.touches[0].clientX,
      startY: event.touches[0].clientY
    });
  },

  onTouchMove: function(event) {
    var moveX = event.touches[0].clientX - this.data.startX;
    var moveY = event.touches[0].clientY - this.data.startY;
    var left = this.data.left + moveX;
    var top = this.data.top + moveY;
    this.setData({
      left: left,
      top: top,
      startX: event.touches[0].clientX,
      startY: event.touches[0].clientY
    });
  }
})

在上面的代码中，`float-box` 类表示悬浮框的样式，`onFloatBoxLongPress` 方法监听长按事件，`onTouchMove` 方法监听拖拽事件。在实际使用中，还需要根据实际需求进行样式和事件的修改。