如何根据，元素的边线，进行元素大小的调整 about vue-draggable-resizable-gorkys HOT 1 CLOSED

.draggable .handle-tl {
  width: 60px;
  height: 60px;
  top: -30px;
  left: -30px;
  cursor: nw-resize;
}
.draggable .handle-tm {
  width: calc(100% - 60px);
  height: 60px;
  top: -30px;
  left: 30px;
  cursor: n-resize;
}
.draggable .handle-tr {
    width: 60px;
    height: 60px;
    top: -30px;
    right: -30px;
    cursor: ne-resize;
}
.draggable .handle-mr {
    width: 60px;
    height: calc(100% - 60px);
    top: 30px;
    right: -30px;
    cursor: e-resize;
}
.draggable .handle-br {
    width: 60px;
    height: 60px;
    bottom: -30px;
    right: -30px;
    cursor: se-resize;
}
.draggable .handle-bm {
    width: calc(100% - 60px);
    height: 60px;
    bottom: -30px;
    left: 30px;
    cursor: s-resize;
}
.draggable .handle-bl {
    width: 60px;
    height: 60px;
    bottom: -30px;
    left: -30px;
    cursor: sw-resize;
}
.draggable .handle-ml {
    width: 60px;
    height: calc(100% - 60px);
    top: 30px;
    left: -30px;
    cursor: w-resize;
}
.draggable .handle {
  box-sizing: border-box;
  position: absolute;
  background-color: transparent;
  border: none;
}