wuss weapp

Wuss WeApp

Une bibliothèque de composants d'interface utilisateur d'applet WeChat de haute qualité, complète et hautement personnalisée

document

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

Groupe de communication officiel de Wuss WeApp

Numéro de groupe QQ 787275772

Scannez le code QR à expérimenter

Utilisez WeChat pour scanner pour vivre des mini-composants du programme Exemples

Image de démonstration

Commencez rapidement

Avant de commencer à utiliser Wuss WeApp, vous devez lire la documentation pertinente pour les composants personnalisés de l'applet WeChat.

Comment utiliser

Méthode 1 [recommandée] (Installez les dépendances via NPM et créez des modules NPM dans les applets)

1. Localisez le répertoire de développement d'applet actuel à l'aide de commandes Shell ou GIT, puis installez les dépendances à l'aide de NPM ou de fil.

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

ou

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

2. Une fois l'installation de dépendance terminée, vous pouvez cliquer sur [Tools] => [Build NPM] dans l'outil de développement de l'applet WeChat. Si une fenêtre contextuelle apparaît, n'oubliez pas d'utiliser le module NPM "pour le vérifier. S'il n'y a pas de fenêtre contextuelle, vérifiez manuellement les détails une fois la construction terminée.

3. Une fois la construction terminée, vous pouvez ajouter les composants requis. Configurer dans la page JSON:

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

4. Utilisez des composants dans WXML:

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

5. Utilisation dans JavaScript:

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

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

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

Méthode 2 (Copiez la dist du projet actuel sur votre propre projet)

1. Allez sur GitHub pour télécharger le code du WUSP WeApp et copiez dist sur votre projet. Utilisez ensuite le composant de la manière suivante. Le bouton de prise comme exemple, d'autres composants sont affichés sur la page de document correspondant:

2. Ajouter des composants requis. Configurer dans la page JSON (le chemin est configuré en fonction de l'emplacement de votre projet):

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

2. Utilisez des composants dans WXML:

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

Aperçu de tous les composants

Nous avons des exemples intégrés de tous les composants, vous pouvez scanner le code d'applet ci-dessus pour en faire l'expérience, ou le visualiser dans l'outil de développeur WeChat comme suit:

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

Ensuite, ouvrez le projet directement dans l'outil de développeur WeChat.

contribuer

Si vous avez des commentaires ou des suggestions, n'hésitez pas à mentionner le problème. Veuillez lire s'il y a un problème connexe avant de mentionner le problème. Ou s'il y a un problème connexe mais que le problème a été fermé, c'est juste une version qui n'a pas encore été mise à jour. Veuillez ne pas répondre ci-dessous à ce problème. Si la version mise à jour existe toujours après la mise à jour, veuillez soumettre un nouveau problème. Merci.

LICENCE

Mit