localisation actuelle: Maison > Télécharger > Code source du site Web > Code source du mini-programme > Bibliothèque d'interface utilisateur de mini-programmes facile à utiliser et à étendre
Bibliothèque d'interface utilisateur de mini-programmes facile à utiliser et à étendre
Classer: Code source du site Web / Code source du mini-programme | Temps de libération: 2018-06-13 | visites: 2321415 |
Télécharger: 99 |
Derniers téléchargements
Aquarium Fantastique
Filles en première ligne
Ailes d'étoiles
Petite Fée des Fleurs Paradis Féérique
Restaurant Histoire mignonne
Exploration de voyage à Shanhe
Amour et producteur
Le cerveau le plus puissant 3
Odd Dust : Damila
Jeune voyage vers l'Ouest 2
24 heuresClassement de lecture
- 1 Dead Rising Deluxe Remaster : Comment prendre une photo humoristique de 1 000 PP pour le défi photo de Kent
- 2 Objets en JavaScript
- 3 Principales API gratuites à connaître
- 4 Mise à l'échelle de Node.js avec le module Cluster
- 5 Comment synchroniser vos contacts avec votre téléphone ? Implémentation de CardDAV dans Go!
- 6 Nouvelles valeurs et fonctions en CSS
- 7 EchoAPI vs Insomnia : une comparaison complète avec des exemples pratiques
- 8 Guide des raccourcis Dead Rising Deluxe Remaster : comment débloquer le raccourci Wonderland et Tunnels
- 9 Présentation de la mise à niveau ultime du développeur Java JDK avec des améliorations avancées de l'IA
- 10 Dead Rising Deluxe Remaster : Tous les survivants et où les trouver
- 11 Conseils pour tester les tâches en file d'attente dans Laravel
- 12 Le portefeuille associé à Ripple déplace 100 millions de XRP au milieu de la chaleur juridique
- 13 Le prix du Bitcoin (BTC) dépasse 62 000 $ alors que 88 % des HODLers sont assis sur des bénéfices papier
- 14 Comment réparer Tailwind CSS ne fonctionne pas dans Next.js
- 15 Le marché des pièces meme se réchauffe alors que le rallye Dogecoin (DOGE), Shiba Inu (SHIB) et Popcat (POPCAT)
Derniers tutoriels
-
- Aller au langage pratique GraphQL
- 1634 2024-04-19
-
- Premiers pas avec MySQL (Professeur Mosh)
- 1529 2024-04-07
-
- Mock.js | Axios.js | Json | Dix jours de cours de qualité
- 2381 2024-03-29
utiliser
Avant d'utiliser ZanUI-WeApp, assurez-vous d'avoir étudié le didacticiel simple officiel du mini-programme et l'introduction au cadre du mini-programme de WeChat.
Utilisez ensuite Bower pour ajouter ZanUI-WeApp à votre projet.
Vous pouvez également créer votre propre ZanUI-WeApp pour obtenir un code plus stable et une personnalisation plus pratique.
Nous vous recommandons d'introduire directement zanui-weapp/dist/index.wxss dans votre app.wxss.
Introduction à la classification des composants
Selon différentes fonctions, les composants peuvent être grossièrement divisés en deux catégories :
1. Cotation normale
Par exemple, si vous disposez d'un composant bouton, il vous suffit d'introduire le composant personnalisé bouton dans la page.
{ "usingComponents": { "zan-button": "/path/to/zanui-weapp/dist/btn/index" }
}
<!-- example/btn/index.html --> <zan-button>按钮</zan-button>
2. Composants API
Par exemple, les composants Toast doivent d'abord introduire des composants personnalisés sur la page. Plus tard, lorsque la logique est en cours d'exécution, la méthode peut être affichée directement en appelant la méthode.
{ "usingComponents": { "zan-toast": "/path/to/zanui-weapp/dist/toast/index" }
}
<zan-toast id="zan-toast-test"></zan-toast>
Introduisez la fonction Toast correspondante dans la page, et vous pourrez l'appeler directement pour afficher Toast.
// example/toast/index.js const Toast = require('/path/to/zanui-weapp/dist/toast/toast'); Page({ showToast() { Toast({
selector: '#zan-toast-test',
message: 'toast内容' });
}
});