Лёгкий, надёжный набор компонентов UI для мобильных приложений

🔥 Документация (внутренний доступ)   🔥 Документация (GitHub)   🚀 Версия Vue

Описание

Vant — это лёгкий, надёжный набор компонентов UI для мобильных приложений, открытый в 2017 году.

На данный момент официально доступна версия Vant для Vue 2, Vue 3 и WeChat Mini Programs, а также поддерживаются версии от сообщества для React и Alipay Mini Programs.

Пример использования

Сканируйте QR-код ниже, чтобы протестировать примеры компонентов. Обратите внимание: из-за ограничений проверки WeChat, текущий пример мини-приложения не является последней версией. Вы можете клонировать код и просмотреть его локально с помощью разработчика.

## Перед использованием

Перед использованием Vant Weapp убедитесь, что вы уже ознакомились с официальной документацией WeChat по мини-приложениям и персонализированным компонентам.

Установка

Метод 1. Установка через npm (рекомендовано)

Мини-приложение теперь поддерживает установку сторонних пакетов через npm. Подробнее см. поддержка npm

# Установка через npm
npm i @vant/weapp -S --production

# Установка через yarn
yarn add @vant/weapp --production

Установка версий 0.x

npm i vant-weapp -S --production

### Второй способ. Скачивание кода

Просто скачайте исходный код Vant Weapp с помощью git и скопируйте директорию `dist` в свой проект.

```bash
git clone https://github.com/youzan/vant-weapp.git

Использование компонентов

На примере кнопочного компонента, достаточно просто импортировать его в файл json.

{
  "usingComponents": {
    "van-button": "/path/to/vant-weapp/dist/button/index"
  }
}

Затем вы можете использовать этот компонент прямо в вашем wxml.

<van-button type="primary">Кнопка</van-button>

Предварительный просмотр в среде разработчика

# Установите зависимости проекта
npm install

# Выполните сборку компонентов
npm run dev

Откройте инструменты разработчика WeChat и добавьте директорию vant-weapp/example, чтобы предварительно просмотреть примеры.ПС: Для компонента выбора региона van-area, данные регионов можно инициализировать непосредственно в окружении облачной разработки путём импорта файла vant-weapp/example/database_area.json.

Минимальная версия базовой библиотеки

Минимальная поддерживаемая версия базовой библиотеки WeChat Mini Program для Vant Weapp — это 2.6.5.

Ссылки

• Документация сайта (GitHub)
• Документация сайта (внутренний доступ)
• Обратная связь
• Ресурсы дизайна
• Журнал обновлений
• Официальные примеры

Основные участники команды

Это основные участники команды Vant и Vant Weapp:| | | | | | | | :-: | :-: | :-: | :-: | :-: | :-: | | chenjiahan | cookfront | wangnaiyi | pangxie | rex-zsd | nemo-shen |

Линдисен	ДжейкЛаойю	ландлок	вджейн	инотнн	чжоусг	## Вкладчики

Большое спасибо следующим участникам за внесённый в развитие Vant WeApp вклад:

Лицензия

Проект использует лицензию MIT. Пользуйтесь и участвуйте в открытом исходном коде свободно.

4.4. Перевод должен быть на заданном основном языке для перевода.