dragula - 要素をドラッグするときに線を引きますか?

Question

「ドラグラ」ライブラリを使用してドラッグ中にコンテナとドラッグ可能な要素の間に線を引くことは可能ですか? 要素がドロップされると、線が消えるはずです。

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」を表示できます。