36 lines
624 B
Vue
36 lines
624 B
Vue
<template>
|
|
<section class="AiDrag">
|
|
<vue-draggable-resizable v-bind="$attrs">
|
|
<slot/>
|
|
</vue-draggable-resizable>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import 'vue-draggable-resizable/dist/VueDraggableResizable.css'
|
|
import VueDraggableResizable from 'vue-draggable-resizable'
|
|
|
|
export default {
|
|
name: "AiDrag",
|
|
components: {VueDraggableResizable},
|
|
props: {
|
|
type: {default: "show"} //show:只拖拽
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.AiDrag {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
pointer-events: none;
|
|
|
|
::v-deep.vdr {
|
|
pointer-events: auto;
|
|
}
|
|
}
|
|
</style>
|