用uniapp的uni.requireNativePlugin('bindingx')插件，写个拖动页面，用的页面是nvue

首先需要在 manifest.json 文件中声明 bindingx 插件：

"app-plus": {
  "plugins": {
    "bindingx": {
      "version": "1.0.0",
      "provider": "uni.plugin.bindingx"
    }
  }
}

然后在 nvue 页面中，可以使用 bindingx 插件提供的指令来实现拖动效果。

下面是一个简单的例子：

<template>
  <view class="container">
    <view class="box" v-bind:touchstart="onTouchStart" v-bind:touchmove="onTouchMove" v-bind:touchend="onTouchEnd"></view>
  </view>
</template>

<script>
export default {
  methods: {
    onTouchStart(e) {
      // 记录开始触摸的位置
      this.startX = e.touches[0].pageX;
      this.startY = e.touches[0].pageY;
    },
    onTouchMove(e) {
      // 计算手指移动的距离
      const deltaX = e.touches[0].pageX - this.startX;
      const deltaY = e.touches[0].pageY - this.startY;
      // 使用 bindingx 插件进行元素移动
      uni.requireNativePlugin('bindingx').then((bindingx) => {
        bindingx.bind({
          eventType: 'pan',
          element: e.target,
          // 设置 x,y 轴的偏移量
          deltaX,
          deltaY
        });
      });
    },
    onTouchEnd(e) {
      // 解绑事件
      uni.requireNativePlugin('bindingx').then((bindingx) => {
        bindingx.unbind({
          eventType: 'pan',
          element: e.target
        });
      });
    }
  }
}
</script>

<style>
.container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
  width: 100px;
  height: 100px;
  background-color: red;
}
</style>

在这个例子中，我们使用了 touchstart、touchmove 和 touchend 事件来实现元素的拖动。在 touchstart 事件中记录了触摸开始时的位置，在 touchmove 事件中计算了手指移动的距离，并使用 bindingx 插件进行元素移动。在 touchend 事件中解绑了事件。

需要注意的是，bindingx 插件只能在真机上运行，不能在 H5 中运行。如果需要在 H5 中运行，可以使用类似于 touch-action:none 的 CSS 样式来实现。