vant-weapp (youzan/vant-weapp)
Searching Database…
18.5K ·GitHub
Что это такое?
Vant Weapp — это лёгкая и надёжная библиотека UI-компонентов для мини-программ WeChat, опубликованная с открытым исходным кодом в 2017 году как одна из официальных версий семейства мобильных компонентов Vant.
Это Vue-версия Vant или что-то другое?
Это сборка для мини-программ WeChat — нативные пользовательские компоненты мини-программ, а не Vue. Vant официально выпускает версии для Vue 2, Vue 3 и WeChat, а версии для React и мини-программ Alipay поддерживаются командами сообщества.
Как подключить её к моему проекту мини-программы?
Установите через npm (рекомендуется) или склонируйте репозиторий и скопируйте каталог dist в свой проект, затем зарегистрируйте нужные компоненты в json-файле страницы и используйте их напрямую в wxml.
Мне нужно заранее разбираться в разработке мини-программ WeChat?
Да — в README предполагается, что вы уже изучили официальный туториал по мини-программам WeChat и руководство по пользовательским компонентам. Это слой интерфейса поверх платформы, а не вводный курс.
Есть ли требования к версиям или подводные камни, о которых стоит знать?
Ваша мини-программа должна работать на базовой библиотеке версии 2.6.5 или новее. Кроме того, демо-мини-программа с QR-кодом — не самая свежая сборка из-за процедуры проверки в WeChat: чтобы посмотреть новейшую версию, лучше склонировать репозиторий и открыть её в DevTools.
Как посмотреть компоненты, прежде чем использовать их в своём проекте?
Отсканируйте QR-код в README, чтобы открыть демо-мини-программу, или склонируйте репозиторий и добавьте каталог vant-weapp/example в WeChat DevTools, чтобы просмотреть все примеры локально — клонирование заодно даст вам самую свежую версию, поскольку опубликованное демо отстаёт от неё.
Что за компонент van-area и поставляется ли он с данными о регионах?
Это селектор выбора страны/города/района (провинция/город/район). Из коробки данных в нём нет — для инициализации нужно импортировать файл vant-weapp/example/databasearea.JSON в вашу среду облачной разработки WeChat.
What are similar projects?
coloruicss, vux, weui-wxss, weui, WxJava, vant, react-native-calendars, wepy
Which topics is it in?
miniprogram, weixin, wechat, mobile-development, component-library, ui-components, css, developers, mobile, ui, free, npm