iview weapp

iView Weapp

Eine Reihe hochwertiger WeChat-Miniprogramm-UI-Komponentenbibliotheken

dokumentieren

http://inmap.talkingdata.com/wx/index_prod.html

Erfahrung

Beispiel für die Verwendung des WeChat-Scans zum Erleben von Miniprogrammkomponenten

Legen Sie schnell los

vor dem Gebrauch

Bevor Sie mit der Verwendung von iView Weapp beginnen, müssen Sie die entsprechende Dokumentation der benutzerdefinierten WeChat-Applet-Komponente lesen.

Wie zu verwenden

Gehen Sie zu GitHub, um den Code von iView Weapp herunterzuladen und kopieren Sie dist in Ihr Projekt. Verwenden Sie die Komponente dann wie folgt am Beispiel von Button und sehen Sie sich andere Komponenten auf der entsprechenden Dokumentationsseite an:

1. Fügen Sie die erforderlichen Komponenten hinzu. Konfigurieren Sie es im JSON der Seite (der Pfad wird entsprechend Ihrem eigenen Projektspeicherort konfiguriert):

 "usingComponents" : {
    "i-button" : " ../../dist/button/index "
}

2. Verwenden Sie Komponenten in wxml:

 < i-button type =" primary " bind:click =" handleClick " >这是一个按钮</ i-button >

Vorschau aller Komponenten

Wir haben Beispiele für alle Komponenten integriert. Sie können den kleinen Programmcode auf der rechten Seite scannen, um ihn zu erleben, oder ihn wie folgt in den WeChat-Entwicklertools anzeigen:

 # 从 GitHub 下载后，安装依赖
npm install

# 编译组件
npm run dev

Öffnen Sie dann das examples in den WeChat Developer Tools.

Lizenz

MIT

Copyright (c) 2018-heute, TalkingData