Vant Aliapp

Hinweis: Das Lagerhaus wurde geschlossen

Wenn Sie nach anderen Alternativen suchen, wird empfohlen, die vom Beamte bereitgestellte offizielle AntD -Applet -Version zu verwenden

---

Leichte und zuverlässige Applet -UI -Komponentenbibliothek

einführen

Vant Aliapp ist die Alipay Applet -Version der Mobile Vue -Komponentenbibliothek von Vant. Die beiden basieren auf denselben visuellen Spezifikationen und bieten eine konsistente API -Schnittstelle, mit der Entwickler Applet -Anwendungen schnell erstellen können.

Vant Aliapp wird über den Antmove-Applet-Konverter basierend auf der Umwandlung von Vant-Weap-Konvertierung erhalten und hat eine kleine Menge kompatibler Anpassungsanpassungen vorgenommen.

Vorschau

Alipay scannt den QR -Code des folgenden Mini -Programms, um das Beispiel für Komponentenbibliothek zu erleben:

Vor der Verwendung

Bevor Sie mit Vant Aliapp beginnen, müssen Sie die entsprechende Dokumentation für die benutzerdefinierten Komponenten des Alipay -Applets lesen.

NPM

• Alipay
• Nagel

Installieren

Installieren und verwenden Sie über NPM (empfohlen)

• Installieren Sie über NPM

npm i vant-aliapp -S --production

• Über Garn einbauen

yarn add vant-aliapp --production

NPM verwendet ein Beispiel (Vant-Alipay-Gebiet).

Laden Sie den zu verwendenden Code herunter

Laden Sie den Vant Aliapp -Quellcode direkt über Git herunter und kopieren Sie das alipay/npm -Verzeichnis in Ihr eigenes Projekt

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

Verwendungskomponenten

Fügen Sie App.js den folgenden Code hinzu

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

Wenn Sie die Schaltflächenkomponente als Beispiel nehmen, müssen Sie nur die benutzerdefinierte Komponente einführen, die der Schaltfläche in der JSON -Datei entspricht.

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

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

Dann können Sie die Komponenten direkt in AXML verwenden

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

Vorschau in Entwickler -Tools

Laden Sie dieses Projekt lokal herunter, öffnen Sie die Alipay-IDE, um alipay/vant-app zu öffnen, die Abhängigkeiten zu installieren und dann eine Vorschau anzuregen.

Aktivieren Sie bei der Vorschau die component2 -Kompilierung in den Einstellungen für Projektdetails. Weitere Informationen finden Sie in der Einführung in die benutzerdefinierten Komponenten des Alipay -Applets.

Dinge zu beachten

• Wenn Sie die Vant-AliapP-Komponentenbibliothek in Ihr Projekt einführen und die Identifi (Argumente) der Laufzeit in SJS-Fehler deaktiviert ist, können Sie die IDE-Schnittstellendetails> das Checkmark für die Basis-Bibliothek 2.0-Build abbrechen, um es zu lösen
• Die Lösung für das Kontrollkästchen von Vant, den Zusammenbruch, die Dropdown-Menu, die Warenwirkung, das Raster, das Radio, die Registerkarte, die Tableierin, die Indexleiste, die Seitenleiste und andere Komponenten auf Alipay Folgen Sie den folgenden Schritten:
  1. NPM Download ANTMOVE -Befehlszeilen -Tool Download

  NPM installieren Sie Antmove -g

  2. Verwenden Sie in Ihrem Projekt Root-Verzeichnis Alipay-Compiler, um das Projekt umzuwandeln

  ANTMOVE -T Alipay -Kompiler

  3. Das konvertierte Alipay -Mini -Programm kann die oben genannten Komponenten unterstützen
• Wenn Sie eine Komponente vorstellen und feststellen, dass das Rendering fehlschlägt, können Sie sich auf das Beispiel im Beispiel beziehen, um es nachzuahmen. Wenn Sie Fragen haben, können Sie den folgenden Dinging QR -Code scannen, um uns zu kontaktieren

verbinden

Wenn Sie während des Gebrauchs auf Probleme stoßen, können Sie auf die folgenden Arten Hilfe suchen.

• Dingtalk Kommunikationsgruppe:
• E-Mail: [email protected]

Link

• Aktualisieren Sie das Protokoll
• Rückmeldung

Open -Source -Protokoll

Dieses Projekt basiert auf dem MIT -Protokoll, bitte genießen Sie frei und nehmen Sie an Open Source teil.

dankbar

Dank des Vant-Teams für ihren Beitrag zu Vant-Weapp wird dieses Projekt auf der Grundlage von Vant-Weapp konvertiert und mit der Alipay Mini-Programmplattform kompatibel und kompatibel.