如何实现用比较少的代码实现可拖动移动的modal

147 阅读1分钟

技术栈

popover,dragable

popover

  • 两种方式
  • 1:html方式打开

image.png

  • 2:js方式

image.png

image.png

dargable

这个api比较复杂,你们自己去mdn看看developer.mozilla.org/zh-CN/docs/…

实现效果

20231128175832.gif

整体代码

image.png

image.png