Wx-jq: полностью оригинальный набор плагинов для создания библиотеки компонентов для небольших программ в WeChat

Плагины и компоненты для небольших программ WeChat, а также коллекции плагинов и компонентов.

Онлайн демонстрация:

• Эффектные решения:

  • Плагин/эффект (завершено): компонент календаря;
  • Плагин/эффект (завершено): обратный отсчёт в форме веера;
  • Плагин/эффект (завершено): поток каскадных данных с прокруткой;
  • Плагин/эффект (завершено): эффект фокуса на изображении;
  • Плагин/эффект (завершено): переключение между вкладками с фиксированным количеством опций;
  • Плагин/эффект (завершено): переключение между вкладками с динамическим количеством опций;
  • Плагин/эффект (завершено): переключение между вкладками с динамическими опциями и меню привязки;
  • Плагин/эффект (завершено): увеличение и уменьшение количества покупок в магазине;
  • Плагин/эффект (завершено): обычный, многоколоночный, временной, календарный, городской селектор;
  • Плагин/эффект (завершено): обновление при прокрутке вниз и загрузка при прокрутке вверх (обработка страницы);
  • Плагин/эффект (завершено): обновление при прокрутке вниз и загрузка при прокрутке вверх (обработка элементов);
  • Плагин/эффект (завершено): имитация доставки от Meituan Waimai или Eleme Takeaway (привязка к местоположению и переход);
  • Плагин/эффект (завершено): функция звёздного рейтинга;
  • Плагин/эффект (завершено): выбор всех элементов в чекбоксе;
  • Плагин/эффект (завершено): проверка формы;
  • Плагин/эффект (завершено): бесшовная прокрутка по горизонтали;
  • Плагин/эффект (завершено): бесшовная прокрутка по вертикали.

• Категории розыгрышей:

  • Плагин/эффект (завершено): большой вращающийся барабан с 12 призами (базовая версия);
  • Плагин/эффект (завершено): большой вращающийся барабан с 12 призами (официальная версия);
  • Плагин/эффект (завершено): большой вращающийся барабан с 8 призами (базовая версия);
  • Плагин/эффект (завершено): большой вращающийся барабан с 8 призами (официальная версия);
  • Плагин/эффект (завершено): большое колесо удачи/круглое колесо удачи (вращение стрелки);
  • Плагин/эффект (завершено): большое колесо удачи/круглое колесо удачи (вращение диска);
  • Плагин/эффект (завершено): розыгрыш с использованием скретч-карты (использование текста для призов на холсте);
  • Плагин/эффект (завершено): розыгрыш с использованием скретч-карты (использование изображений для призов на холсте).

• Специальные категории:

  • Плагин/эффект (завершено): доска для рисования/доска для письма/доска для подписи (на холсте)//реальная проблема: длительное рисование может привести к зависанию;
  • Плагин/эффект (завершено): часовой эффект (нормальное движение стрелки);
  • Плагин/эффект (завершено): часовой эффект (плавное движение стрелки).

• Другие категории:

  • Плагин/эффект (завершено): создание круглой печати/создание корпоративной печати.

Как использовать?

1. Скачайте проект:

   • Способ 1: напрямую загрузите сжатый пакет и распакуйте его;
   • Способ 2: используйте инструмент git для клонирования:

     git clone https://gitee.com/dgx/wx-jq.git

2. Создайте проект с помощью инструмента разработки WeChat и выберите каталог wx в каталоге, который вы скачали или клонировали (каталог wx содержит фактический проект небольшой программы, если инструмент разработки сообщает, что файл не найден, это означает, что выбор каталога был неправильным).

3. Запустите программу, и вы сможете перейти на главную страницу и нажать на ссылку каталога, чтобы просмотреть соответствующую демонстрацию.

Примечание: демонстрационный проект wx-jq (выберите каталог wx-jq в инструменте разработки, чтобы войти в каталог wx).

Информация и ресурсы

Документация: https://mp.weixin.qq.com/debug/wxadoc/dev/

WeChat Public Platform (получение AppID и публикация версии): https://mp.weixin.qq.com/cgi-bin/loginpage?url=%2Fcgi-bin%2Fbizlogin%3Faction%3Dvalidate%26lang%3Dzh_CN%26account%3D1475706037%2540qq.com

Установка и загрузка инструмента разработки: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201818

Лицензия: The MIT License (MIT)

Расширение: в расширении будут предоставлены различные технические реализации компонентов.

• full-picker (компонент календаря): vue-v2-picker (vue v2.x), демонстрация: https://dgx.gitee.io/wx-jq/full-picker/vue-v2-picker/index.html react-v16-picker (react v16.x), демонстрация: https://dgx.gitee.io/wx-jq/full-picker/react-v16-picker/index.html angular-v1-picker (angular v1.x), демонстрация: https://dgx.gitee.io/wx-jq/full-picker/angular-v1-picker/index.html small-program-wx (небольшая программа WeChat), демонстрация small-program-swan (небольшая программа Baidu), демонстрация small-program-ali (небольшая программа Alipay), демонстрация jquery-v1-picker (jquery v1.x), демонстрация: https://dgx.gitee.io/wx-jq/full-picker/jquery-v1-picker/index.html js-native-picker (собственный js), демонстрация: https://dgx.gitee.io/wx-jq/full-picker/js-native-picker/index.html