Vue3DraggableResizable-例子1

<template>
  <div id="app">
    <div class="parent">
      <DraggableContainer>
        <Vue3DraggableResizable :parent="true">
          <div style="width:200px;height:40px;background:red;">Test</div>
        </Vue3DraggableResizable>
        <Vue3DraggableResizable :parent="true">
          <div style="width:100px;height:40px;background:blue;">Another test</div>
        </Vue3DraggableResizable>
      </DraggableContainer>
    </div>
  </div>
</template>

<script setup>
</script>

<style>
.parent {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 100px;
  left: 100px;
  border: 1px solid #000;
  user-select: none;
}
</style>