Требуется создать "колесо фортуны" на vuejs3
- Сегменты могут содержать изображения или текст
- Выпадающий сегмент дожен задаваться.
- Во время вращения, сегмент который проходит под стрелкой долже увеличиваться и отображается его имя, в остальных случаях только изображение.
Логика работы такая, пользователь нажимает "Вращать", колесо начинает бесконечно крутится с одной скоростью пока не придут данные от апи (например минуту крутится, потом приходит ответ апи или ошибка и она останавливается на указаном поле).
По поводу бесконечного вращения, многоие говрят, что не знают как это сделать или очень сложно, вот простой пример https://codepen.io/joseluisq/pen/AqrEoz
Здравствуйте. Готов выполнить вашу задачу с "Колесом Фортуны" на vuejs3. Пример с codepen полезен и действительно, вращение можно сделать с помощью setTimeout.
Сделать "Колесо Фортуны" на vuejs3
Реклама
Сделать "Колесо Фортуны" на vuejs3
Требуется создать "колесо фортуны" на vuejs3
- Сегменты могут содержать изображения или текст
- Выпадающий сегмент дожен задаваться.
- Во время вращения, сегмент который проходит под стрелкой долже увеличиваться и отображается его имя, в остальных случаях только изображение.
Логика работы такая, пользователь нажимает "Вращать", колесо начинает бесконечно крутится с одной скоростью пока не придут данные от апи (например минуту крутится, потом приходит ответ апи или ошибка и она останавливается на указаном поле).
По поводу бесконечного вращения, многоие говрят, что не знают как это сделать или очень сложно, вот простой пример https://codepen.io/joseluisq/pen/AqrEoz
Это:
setTimeout(function(){
_wheel.addClass(that.get('data-speed'));
}, 5);
И всё что останется - подсчитать в какой момент нужно убить setTimeout что бы оно остановилось в нужном месте
Вся информация для колеса предостаялется из апи в формате json. Есть пример данных.
Апи прикручивать не надо.
Есть дизай...
Другие открытые задания:
Менеджер по продажам (удаленно)40 000 р.
Бюджет: 40 000 р. Компания Tailor Suit https://tailor-suit.ru/ специализация которой является индивидуальный пошив деловой одежды и обуви в премиум-сегменте - приглашает кандидатов н…
Обучение нейросети Chapt-Gpt15 000 р.
Бюджет: 15 000 р. Здравствуйте, мне необходимо обучить нейросеть GPT с помощью promt-engeering, или fine-tuning или Embeddings под необходимые задачи и подключить его в WhattsApp в в…
написать код на с++ для того что бы ехе файл не следил в префетче3 000 р.
Бюджет: 3 000 р. написать код на с++ что бы ехе файл при открытии не генерировал файл трассировки (prefetch)
поиск заданий