Требуется создать "колесо фортуны" на 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. Есть пример данных.
Апи прикручивать не надо.
Есть дизай...
Другие открытые задания:
Написать доклад для дипломной работы2 000 р.
Бюджет: 2 000 р. требуется с дипломной_работы выписать все основной для доклада как в примере
Помощь с казахским номером телефона4 500 р.
Бюджет: 4 500 р. Мы маркетинговое агентство, находимся в России. Наш сайт - иwww.nwcomm.ru. Нам нужно помочь зарегистрировать номер телефона в Казахстане в телефонии Zadarma, для пр…
Занять слот на сайте электронной очереди2 000 р.
Бюджет: 2 000 р. На сайте сайте электронной очереди https://amurbooking.com необходимо занять слот ,на любое освободившееся время на 20.06.24 или 21.06.24 Занятые слоты серого цв…
поиск заданий