vue3 自定义移动端拖拽指令(支持吸边和offset间距以及回调)
前言移动端开发的时候,总是会遇到编写全局浮动组件的情况,比如客服图标啦,消息通知啦,但是浮动就会产生一个问题:阻挡了下层内容展示,常见的做法就是让这个浮动的内容支持拖拽功能,用户将浮动组件拖拽到其他位置即可。这里我参考了vConsole组件,自己根据实际情况编写了一个拖拽指令。代码指令文件:drag.tsimport type { Directive } from "vue"; /** 指令接收的参数 */ interface BindingValue { /** 出现位置的偏移量 [x,y] */ offset?: [number, number]...
最近评论