Skip to content

zhengwenming/wmdragview.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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回调中

About

可以自由拖拽的悬浮view

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published