Vant Aliapp

Примечание: склад был закрыт

Если вы ищете другие альтернативы, рекомендуется использовать официальную версию Antd Applet, предоставленную официальной

---

Легкая и надежная библиотека компонентов пользовательского интерфейса апплета

представлять

Vant Aliapp - это версия Alipay Applet Version of Vant Mobile Vue Component Library. Они основаны на одних и тех же визуальных спецификациях и предоставляют постоянный интерфейс API, чтобы помочь разработчикам быстро создавать приложения апплета.

Vant aliapp получается через преобразователь апплета AntMove на основе преобразования VANT-Wepp и создал небольшое количество совместимой адаптационной корректировки.

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

Alipay сканирует QR -код мини -программы ниже, чтобы испытать пример библиотеки компонентов:

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

Прежде чем начать использовать Vant aliapp, вам необходимо прочитать соответствующую документацию для пользовательских компонентов апплета Alipay.

npm

• Алипай
• Ноготь

Установить

Установите и используйте через NPM (рекомендуется)

• Установите через NPM

npm i vant-aliapp -S --production

• Установите через пряжу

yarn add vant-aliapp --production

NPM использует пример (Vant-Alipay-Area).

Загрузите код для использования

Загрузите исходный код Vant Aliapp непосредственно через GIT и скопируйте каталог alipay/npm в свой собственный проект

git clone https://github.com/ant-move/Vant-Aliapp.git

Компоненты использования

Добавьте следующий код в app.js

 import 'vant-aliapp/dist/__antmove/component/componentClass.js'

Принимая кнопку компонента в качестве примера, вам нужно только представить пользовательский компонент, соответствующий кнопке в файле JSON.

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

Адрес NPM: vant-aliapp/dist/dist/button/index

Затем вы можете использовать компоненты непосредственно в Axml

 < van-button type =" primary " >按钮</ van-button > 

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

Загрузите этот проект локально, используйте Alipay IDE, чтобы открыть alipay/vant-app , установить зависимости, а затем предварительно просмотрите его.

При предварительном просмотре, пожалуйста, включите компиляцию component2 в настройках деталей проекта. Для получения подробной информации, пожалуйста, обратитесь к введению в пользовательские компоненты апплета Alipay.

Что следует отметить

• Когда вы введете библиотеку компонентов Vant-Alaypp в свой проект, и идентификация времени выполнения «Аргументы) отключена при ошибке SJS», вы можете отменить детали интерфейса IDE> Включить галочку для базовой библиотеки 2.0, чтобы решить его
• Решение использования флажок Ванта, коллапса, раскрывающегося меню, товарного действия, сетки, радио, вкладок, таббара, индекса, боковой панели и других компонентов на Alipay, выполните следующие шаги:
  1. NPM скачать инструмент командной строки AntMove

  NPM установить AntMove -g

  2. В корневом каталоге вашего проекта используйте Alipay-компилятор для конвертации проекта

  Antmove -t Alipay -компилятор

  3. Конвертированная программа Alipay Mini может поддерживать вышеуказанные компоненты
• Если вы представляете компонент и обнаружите, что рендеринг не удается, вы можете обратиться к примеру в примере, чтобы имитировать его. Если у вас есть какие -либо вопросы, вы можете сканировать приведенный ниже QR -код, чтобы связаться с нами

соединять

Если вы сталкиваетесь с проблемами во время использования, вы можете обратиться за помощью следующими способами.

• Dingtalk Communication Group:
• Электронная почта: [email protected]

Связь

• Обновление журнала
• Обратная связь

Протокол с открытым исходным кодом

Этот проект основан на протоколе MIT, пожалуйста, свободно наслаждайтесь и участвуйте в открытом исходном коде.

благодарный

Благодаря команде VANT за их вклад в VANT-WEAPP, этот проект преобразуется на основе VANT-WEAPP и был адаптирован и совместим с платформой Alipay Mini Program.