Реализовать UI c drag'n'drop на Vue3
2 000 руб. за проект
Необходимо реализовать следующий функционал на 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
На странице есть три зоны - 1, 2 и 3. Работают по следующему принципу:
- в зоне 1 список доступных блоков, можно сделать просто блоки с текстом;
- эти виджеты можно перетягивать в зону 2;
- в зоне 2 они отображаются в том порядке в котором их перетянули, но их можно между собой менять менять местами с помощью drag'n'drop;
- в зоне 2 элементы занимают 50% ширины, тоесть встают по 2 в ряд;
- когда перетягиваем блоков - то есть зацепили какую-то из существующих на в зоне 2 - то появляется блок номер 3 - внизу, который работает как корзина - если виджет перетянули туда то он удаляется из зоны 2;
Можно реализовать с помощью этой библиотеки - https://github.com/kutlugsahin/vue-smooth-dnd или любой другой который поддерживает Vue3 и не заброшена
Стили на данном этапе не принципиальны, можно потом обсудить доработки
Без предоплаты, сначала покажите примерное решение
телеграмм @mkuznetcov
- Файлы
Отзывы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.
Буду рад поработать еще!