Maison

Code source du site Web

Code source du mini-programme

Bibliothèque d'interface utilisateur de mini-programmes facile à utiliser et à étendre

Télécharger maintenant Aperçu

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内容' });
  }
});

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Comment publier un mini programme ?

03 Jun 2020

Méthode de publication du mini programme : achetez d'abord un serveur et configurez l'environnement de production du mini programme ; puis placez le code source back-end sur le serveur à exécuter ; puis achetez un nom de domaine et gérez-le enfin avec l'adresse du serveur back-end ; publier et soumettre pour examen dans le contexte de gestion du mini-programme.

Le code du mini-programme est-il corrigé ?

04 Jan 2022

Le code du mini-programme est fixe. Tant que le mini-programme APPID reste inchangé, le code du mini-programme ne changera pas ; les développeurs peuvent obtenir le code du mini-programme pour n'importe quelle page du mini-programme via l'interface d'arrière-plan.

Qu'est-ce que le code QR du mini-programme ?

04 Jan 2022

Le code QR du mini-programme est une entrée importante dans le mini-programme. Les commerçants peuvent utiliser la capacité du code QR du mini-programme pour générer un code QR qui renvoie à la page désignée de leur propre mini-programme, qui peut être utilisé pour la promotion de codes en ligne et hors ligne. pour faciliter la promotion du Mini Programme.

Quel contenu dois-je mettre dans un petit programme ppt ?

16 Mar 2020

Un mini-programme est une application qui n'a pas besoin d'être téléchargée et installée. Le contenu inclus dans le ppt de création d'un mini-programme comprend : 1. La source du mini-programme 2. Le trafic du mini-programme ; fonctionner ; 4. Comment développer ; 5. La tendance future des mini-programmes.

Analyse du SDK Amap du mini programme WeChat

23 Jun 2018

Cet article présente principalement les informations pertinentes du mini programme WeChat Amap et des exemples simples (téléchargement du code source). Les amis dans le besoin peuvent s'y référer.

Où consulter le code QR du mini programme

19 Mar 2020

Comment afficher le code QR du mini programme : entrez d'abord le compte et le mot de passe pour vous connecter au backend du mini programme WeChat ; puis recherchez et ouvrez « Paramètres - Code du mini programme dans les paramètres de base » ; Téléchargement de matériel] Le mini-programme QR code suffit.

Analyse du code source frontal du mini-programme WeChat

27 Jun 2018

Cet article présente principalement les informations pertinentes sur l'explication détaillée et l'analyse d'exemples du code source frontal du mini programme WeChat. Les amis dans le besoin peuvent s'y référer.