3D-баннер

Компонент 3D-карусели на основе Vue

Онлайн-демонстрация: http://xmall.exrick.cn/

Карусель имитирует сайт Taobao (Tmall) с эффектом трёхмерной перспективы. Эффект достигается за счёт изменения положения объектов в зависимости от расстояния до них.

Гибкая настройка через бэкенд, автоматическое переключение слайдов по таймеру.

Автор: qingjin, вторичная разработка: yucccc.

Третичная разработка выполнена автором этого текста, который является бэкенд-разработчиком, а не профессиональным фронтенд-специалистом. Если вы обнаружите ошибки, пожалуйста, проявите понимание.

Настройка сборки

# установка зависимостей
npm install

# запуск с горячей перезагрузкой на localhost:8080
npm run dev

# сборка для продакшена с минификацией
npm run build

# сборка для продакшена и просмотр отчёта анализатора бандла
npm run build --report

Другие проекты автора

• XMall: распределённый маркетплейс на основе SOA-архитектуры https://github.com/Exrick/xmall.

  

• XMall — мобильное приложение для WeChat.

  Пожертвование от 19,9 юаней даёт право на добавление в группу для получения доступа к исходному коду приложения. Видеопревью доступно по ссылке: https://v.qq.com/x/page/f0627kf4x1e.html

  

Технические вопросы

После добавления проекта в избранное или пожертвования автору можно присоединиться к группе для общения 475743731. Также можно бесплатно получить доступ к последним версиям исходного кода и UI-фреймворку FlatLab.

Присоединиться к группе: Блог автора: http://blog.exrick.cn

Пожертвования