zhengwenming / wmdragview.js

可以自由拖拽的悬浮view

wmdragview.js

可以自由拖拽的悬浮view，可配置初始化位置和可以自由拖动的范围

1、引入

import wmdragview from "wmdragview.js";

2、创建可自由拖动的dom容器。

<div id="ball" style="width:100px;height:100px;background-color:aqua;border-radius:50%;"></div>

3、初始化，并配置x、y、minY、maxY、minX、maxX。

x（wmdragview初始化的x坐标点）、 y（wmdragview初始化的y坐标点）、 minY(wmdragview可以活动到达的最小Y值，默认0)、 maxY(wmdragview可以活动到达的最大Y值，默认全屏高度)、 minX（wmdragview可以活动到达的左边最小的x坐标值）、 maxX（wmdragview可以活动到达的右边最大的x坐标值）

mounted () {
    this.dragview = new wmdragview('.ball', {x:200,y: 200,minY: 10})
    this.dragview.onClick = function (coord) {
    }
    this.dragview.onDrag = function (coord) {
    }
  }

⚠️PS：如果不能拖动，请将初始化代码放到nextTick回调中