代码拉取完成，页面将自动刷新
网址: https://gitee.com/linuxmail/vue3-dragable-bar
在一个容器里, 拖动一个小div, 然后根据拖动后的位置, 做到resize的效果
最好见例子:
https://gitee.com/linuxmail/vue3-dragable-bar/blob/master/demo/app.vue
http://linuxmail.cn/web/dragable-bar-demo.html
import vue3DragableBar from "vue3-dragable-bar";
const props = defineProps({
mode: {
type: String, // vertical 或 horizontal
default: ''
},
top: {
type: Number, // position:top
default: 0
},
left: { // position:left
type: Number,
default: 0
},
width: { // 宽度
type: Number,
default: 0
},
height: { // 高度
type: Number,
default: 0
},
});
// resize(offset), 拖动这个bar时的emit, offset 是 top/left
// resizeOver(offset), 拖动结束后的emit
const emit = defineEmits < {
(e: 'resize', offset: number): void
(e: 'resizeOver', offset: number): void
}> ()
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手