wuss weapp

WUSS WEAPP

Eine hochwertige, vollständige und hoch angepasste Wechat-Applet-UI-Komponentenbibliothek

dokumentieren

https://phonycode.github.io/wuss-weapp

WUSS WEAPP Offizielle Kommunikationsgruppe

QQ -Gruppennummer 787275772

Scannen Sie den QR -Code auf Erlebung

Verwenden Sie WeChat, um Beispiele für Mini -Programmkomponenten zu scannen, um MINI -Programmkomponenten zu erleben

Demo Bild

Fangen Sie schnell an

Bevor Sie mit WUSS WEAPP beginnen, müssen Sie die entsprechende Dokumentation für die benutzerdefinierten Komponenten des WeChat -Applets lesen.

Wie man benutzt

Methode 1 [empfohlen] (Abhängigkeiten über NPM installieren und NPM -Module in Applets erstellen)

1. Suchen Sie das aktuelle Applet -Entwicklungsverzeichnis mithilfe von Shell -Befehlen oder Git und installieren Sie die Abhängigkeiten mithilfe von NPM oder Garn.

npm init && npm install --production wuss-weapp

oder

yarn init && yarn add --production wuss-weapp

2. Nach Abschluss der Abhängigkeitsinstallation können Sie im WeChat Applet Developer -Tool auf [Tools] => [Build NPM] klicken. Wenn ein Popup-Fenster angezeigt wird, denken Sie daran, das NPM-Modul zu verwenden, um es zu überprüfen. Wenn es kein Popup-Fenster gibt, überprüfen Sie es nach Abschluss des Builds manuell in den Details.

3. Nach Abschluss des Builds können Sie die erforderlichen Komponenten hinzufügen. Konfigurieren Sie auf der Seite JSON:

 "usingComponents" : {
  "w-button" : " wuss-weapp/w-button/index " ,
  "w-toast" : " wuss-weapp/w-toast/index " ,
  "w-alert" : " wuss-weapp/w-alert/index "
}

4. Verwenden Sie Komponenten in WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >
< w-toast id =" wuss-toast " />
< w-alert id =" wuss-alert " />

5. Verwendung in JavaScript:

 import { Alert , Toast } from 'wuss-weapp' ;

Alert ( {
  title : '提示' ,
  content : 'wuss weapp is good' ,
} ) ;

Toast . show ( {
  message : 'wuss小程序UI库' ,
} ) ; 

Methode 2 (kopieren Sie das Dist des aktuellen Projekts in Ihr eigenes Projekt)

1. Gehen Sie zu Github, um den Code des Wuss Weapp herunterzuladen und dist -Verzeichnis in Ihr Projekt zu kopieren. Verwenden Sie dann die Komponente folgendermaßen. Als Beispiel werden andere Komponenten auf der entsprechenden Dokumentseite angezeigt:

2. Fügen Sie die erforderlichen Komponenten hinzu. Konfigurieren Sie auf der Seite JSON (der Pfad wird gemäß dem Ort Ihres Projekts konfiguriert):

 "usingComponents" : {
  "w-button" : " /dist/w-button/index "
}

2. Verwenden Sie Komponenten in WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >

Vorschau aller Komponenten

Wir haben integrierte Beispiele für alle Komponenten. Sie können den oben genannten Applet-Code scannen, um ihn wie folgt im WeChat-Entwickler-Tool anzusehen:

git clone https://github.com/phonycode/wuss-weapp.git

Öffnen Sie dann das Projekt direkt im WeChat -Entwickler -Tool.

beitragen

Wenn Sie Kommentare oder Vorschläge haben, können Sie das Problem gerne erwähnen. Bitte lesen Sie, ob es ein verwandtes Problem gibt, bevor Sie das Problem erwähnen. Oder wenn es ein verwandtes Problem gibt, das Problem jedoch geschlossen wurde, ist es nur eine Version, die noch nicht aktualisiert wurde. Bitte antworten Sie unter diesem Problem nicht. Wenn die aktualisierte Version nach dem Update noch vorhanden ist, senden Sie bitte ein neues Problem. Danke schön.

LIZENZ

MIT