vue中实现可拖拽弹框

直接将代码贴上来了

html:

vue中实现可拖拽弹框_第1张图片
html

js:

做一下说明,代码中因为已知宽高,所以我直接写的 540和260,即宽高的一半,如果想封装,为了方便也是可以直接获取的,分别是

oDiv. offsetWidth/2

和oDiv.offsetHeight/2

vue中实现可拖拽弹框_第2张图片
js

css(less):

vue中实现可拖拽弹框_第3张图片
css(less)
vue中实现可拖拽弹框_第4张图片
css(less)

你可能感兴趣的:(vue中实现可拖拽弹框)