Сделать "Колесо Фортуны" на vuejs3
Требуется создать "колесо фортуны" на vuejs3 - Сегменты могут содержать изображения или текст - Выпадающий сегмент дожен задаваться. - Во время вращения, сегмент который проходит под стрелкой должен увеличиваться и отображается его имя. Логика работы такая, - Загружается страница - Запрос в апи на формирование призов в колесе - Пользователь нажимает "Вращать" - Колесо разгоняется, начинает бесконечно крутится с одной скоростью, ждет апи (он может и не приийти или долго идти). - Приходит ответ апи с id слота, который должен выпасть. - Колесо начинает снижать скорость и выпадает нужный слот Вся информация для колеса предостаялется из апи в формате json. Есть пример данных. Апи прикручивать не надо. Достаточно просто сделать, что-то типа: setTimeout(() => (fortune = fortuneDataApi), 1000) setTimeout(() => (winSector = winDataApi), 5000) Есть дизайн в фигме. |