README.md · OSCHINA-MIRROR/mirrors-Vant-Weapp

Легкий, надежный набор 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

Метод 2. Установка версии 0.x

npm i vant-weapp -S --production

Вариант 2. Загрузка кода

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

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 и вы сможете предварительно просмотреть примеры.PS: В отношении компонента van-area для выбора региона (провинция, город, район), данные региона можно инициализировать напрямую в окружении облачного развертывания, загрузив файл vant-weapp/example/database_area.JSON.

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

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

Ссылки

Основная команда

Вот основные вкладчики Vant и Vant Weapp:| | | | | | | | :-: | :-: | :-: | :-: | :-: | :-: | | chenjiahan | cookfront | wangnaiyi | pangxie | rex-zsd | nemo-shen | || | | | | | | | :-: | :-: | :-: | :-: | :-: | :-: | | Lindysen | JakeLaoyu | landluck | wjw-gavin | inottn | zhousg |## Вкладчики