dragula - 拖动元素时画线？

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”类。如上面的结构，您可以设置 .draggable-item.gu-transit 的样式以隐藏“.my-drag-content”并显示“my-drag-indicator”