Сделать "Колесо Фортуны" на vuejs3

Задание закрыто
Статус рабочей области:Поиск исполнителя
Стоимость:Договорная
Срок выполнения:2 дня
Варианты оплаты:Планируется использовать Безопасную сделку
Дата публикации:2023-10-18 12:24
Был на сайте:2024-02-26 15:18

Сделать "Колесо Фортуны" на vuejs3

 
Задача

Требуется создать "колесо фортуны" на vuejs3
- Сегменты могут содержать изображения или текст
- Выпадающий сегмент дожен задаваться.
- Во время вращения, сегмент который проходит под стрелкой долже увеличиваться и отображается его имя, в остальных случаях только изображение.


Логика работы такая, пользователь нажимает "Вращать", колесо начинает бесконечно крутится с одной скоростью пока не придут данные от апи (например минуту крутится, потом приходит ответ апи или ошибка и она останавливается на указаном поле).

По поводу бесконечного вращения, многоие говрят, что не знают как это сделать или очень сложно, вот простой пример https://codepen.io/joseluisq/pen/AqrEoz

Это:
setTimeout(function(){
_wheel.addClass(that.get('data-speed'));
}, 5);

И всё что останется - подсчитать в какой момент нужно убить setTimeout что бы оно остановилось в нужном месте

Вся информация для колеса предостаялется из апи в формате json. Есть пример данных.
Апи прикручивать не надо.
Есть дизай...

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Артём Чумарный

Только качественные и яркие сайты под ключ! Оперативная работа.

Cпециализация: Веб-разработкаМое кредо:
Creator
  • 10 руб2 дня
Здравствуйте, готов выполнить Ваш заказ. Качественно и в сроки.

https://www.instagram.com/labratoria.modern

+380985148051 всегда на связи в мессенджерах
Alexandr Alexandrov
Cпециализация: Веб-разработка
  • 11 руб2 дня
Здравствуйте. Готов выполнить вашу задачу с "Колесом Фортуны" на vuejs3. Пример с codepen полезен и действительно, вращение можно сделать с помощью setTimeout.

Оставлять заявки могут только авторизованные пользователи.