Реализовать UI c drag'n'drop на Vue3

2 000 руб. за проект
25 мая 2023, 08:33 • 3 отклика • 37 просмотров
Необходимо реализовать следующий функционал на Vue3 и любой популярной библиотеки для drag'n'drop:

На странице есть три зоны - 1, 2 и 3. Работают по следующему принципу:
- в зоне 1 список доступных блоков, можно сделать просто блоки с текстом;
- эти виджеты можно перетягивать в зону 2;
- в зоне 2 они отображаются в том порядке в котором их перетянули, но их можно между собой менять менять местами с помощью drag'n'drop;
- в зоне 2 элементы занимают 50% ширины, тоесть встают по 2 в ряд;
- когда перетягиваем блоков - то есть зацепили какую-то из существующих на в зоне 2 - то появляется блок номер 3 - внизу, который работает как корзина - если виджет перетянули туда то он удаляется из зоны 2;

Можно реализовать с помощью этой библиотеки - https://github.com/kutlugsahin/vue-smooth-dnd или любой другой который поддерживает Vue3 и не заброшена

Стили на данном этапе не принципиальны, можно потом обсудить доработки

Без предоплаты, сначала покажите примерное решение
телеграмм @mkuznetcov


Файлы
Отзывы
R50 22b39a4dc43433f9320b541bf835bc16
Заказчик
Сергей разобрался в задаче, оперативно и качественно выполнил работу.
Буду рад поработать еще!
1 год назад
R50 350e14f97d7a750e5a900df270a2f539
Фрилансер
Отличный заказчик! Понятное задание!
1 год назад