Vant Aliapp

Remarque: l'entrepôt a été fermé

Si vous recherchez d'autres alternatives, il est recommandé d'utiliser la version officielle de l'applet ANTD fournie par l'officiel

---

Bibliothèque de composants d'interface utilisateur légère et fiable et fiable

introduire

Vant Aliapp est la version Alipay Applet de la bibliothèque de composants mobiles de Vant de Vant. Les deux sont basés sur les mêmes spécifications visuelles et fournissent une interface API cohérente pour aider les développeurs à créer rapidement des applications d'applet.

Vant Aliapp est obtenu via le convertisseur d'applet Antmove basé sur la conversion de Vant-WeAPP et a fait une petite quantité d'ajustements d'adaptation compatibles.

Prévisualisation

Alipay analyse le code QR du programme MINI ci-dessous pour découvrir l'exemple de la bibliothèque des composants:

Avant d'utiliser

Avant de commencer à utiliser Vant Aliapp, vous devez lire la documentation pertinente pour les composants personnalisés de l'applet Alipay.

NPM

• alipay
• Clou

Installer

Installer et utiliser via NPM (recommandé)

• Installer via NPM

npm i vant-aliapp -S --production

• Installer via le fil

yarn add vant-aliapp --production

NPM utilise l'exemple (Vant-Alipay-Area).

Téléchargez le code à utiliser

Téléchargez directement le code source Aliap Vant via GIT et copiez le répertoire alipay/npm dans votre propre projet

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

Composants d'utilisation

Ajouter le code suivant à app.js

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

En prenant le composant du bouton à titre d'exemple, il vous suffit d'introduire le composant personnalisé correspondant au bouton dans le fichier JSON.

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

Adresse NPM: vant-aliapp/dist/dist/button/index

Ensuite, vous pouvez utiliser les composants directement dans AXML

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

Aperçu dans les outils du développeur

Téléchargez ce projet localement, utilisez l'iDE Alipay pour ouvrir alipay/vant-app , installer les dépendances, puis le prévisualiser.

Lors de la prévisualisation, veuillez activer la compilation component2 dans les paramètres des détails du projet. Pour plus de détails, veuillez vous référer à l'introduction des composants personnalisés de l'applet Alipay.

Choses à noter

• Lorsque vous introduisez la bibliothèque de composants VANT-IATIAP dans votre projet et que l'erreur d'identifi (Arguments) est désactivée dans l'erreur SJS, vous pouvez annuler les détails de l'interface IDE> Activer la coche pour la construction de la bibliothèque 2.0 Basic
• La solution à l'utilisation de la case à cocher de Vant, de l'effondrement, du menu déroulant, de l'action de marchandises, de la grille, de la radio, de l'onglet, du tabar, de la barre d'index, de la barre latérale et d'autres composants sur Alipay, suivez les étapes suivantes:
  1. Télécharger l'outil de ligne de commande antmove npm

  NPM Installer Antmove -g

  2. Dans le répertoire des racines de votre projet, utilisez Alipay-Compiler pour convertir le projet

  Antmove -t Alipay-Compiler

  3. Le programme Alipay Mini converti peut prendre en charge les composants ci-dessus
• Si vous introduisez un composant et constatez que le rendu échoue, vous pouvez vous référer à l'exemple de l'exemple pour l'imiter. Si vous avez des questions, vous pouvez scanner le code QR Dingding ci-dessous pour nous contacter

connecter

Si vous rencontrez des problèmes lors de l'utilisation, vous pouvez demander de l'aide de la manière suivante.

• Dingtalk Communication Group:
• Courriel: [email protected]

Lien

• Mettre à jour le journal
• Retour

Protocole open source

Ce projet est basé sur le protocole du MIT, veuillez profiter librement et participer à l'open source.

reconnaissant

Grâce à l'équipe Vant pour sa contribution à Vant-WeApp, ce projet est converti sur la base de Vant-WeApp et a été adapté et compatible avec la plate-forme de programme Alipay Mini.