拖动元素时画线？

Question

是否可以使用 'dragula' 库在拖动过程中在容器和可拖动元素之间画线？当元素被放下时，该行应该消失。

Answer 1

<div [dragula]='"my-bag"'>
    <div class="draggable-item">
        <div class="my-drag-indicator">
            // style your line here
        </div>
        <div class="my-drag-content">
            // your content here
        </div>
    </div>
</div>

拖动时，您将拥有物品的克隆图像，dragula 会向其添加 'gu-transit' class。正如上面的结构，您可以设置 .draggable-item.gu-transit 的样式以隐藏“.my-drag-content”并显示 'my-drag-indicator'

拖动元素时画线？

Draw line when dragging element?

dragula

angular-dragula