easyUI

easyui

Une bibliothèque de groupe de mini-programmes WeChat simple et facile à utiliser qui résume les composants couramment utilisés dans le développement, améliore l'efficacité de développement et la maintenabilité du code. Allez au-delà des limites d'une ligne de code et expérimentez la méthode de développement hors de la boîte. La configuration par défaut peut répondre à la plupart des besoins et, dans des cas particuliers, les attributs pertinents peuvent être personnalisés pour répondre aux besoins.

Tout composant de la bibliothèque de composants peut être utilisé seul et ne s'appuie sur aucun composant. Vous pouvez ajouter les composants qui sont réellement utilisés en fonction des besoins de l'entreprise, ce qui rend votre applet de plus en plus petit.

Concevoir une documentation API et API selon les composants officiels, qui est très facile à démarrer et est très amical pour les novices.

---

Version de la bibliothèque de base

Veuillez utiliser la bibliothèque de base au-dessus du 1.9.90.

Comment utiliser

Ouvrez le projet, sélectionnez le composant requis (le composant est situé dans le répertoire des composants) et copiez le dossier contenant les 4 fichiers du composant dans votre projet.
Citez-le ensuite dans le code de votre projet. Pour des instructions de citation détaillées, veuillez consulter la documentation officielle du programme du mini.

Scannez le code pour afficher le document API

Exécuter le projet

1. Accédez au répertoire des racines du projet.
2. Entrez le site officiel du nœud pour télécharger le nœud et l'installer (veuillez omettre cette étape si elle a été installée).
3. Ouvrez la ligne de commande (CMD / Terminal) dans le répertoire racine du projet et exécutez npm install . Je n'ai vu aucune invite d'erreur dans la ligne de commande, et il y a un répertoire Node_Modules supplémentaire dans le répertoire racine du projet.
4. Utilisez l'outil de développeur WeChat pour ouvrir le projet (s'il est déjà ouvert, veuillez omettre cette étape).
5. Cliquez sur le coin supérieur gauche des outils de développeur WeChat, outils -> Build NPM. L'invite est qu'après la fin de la construction, vous verrez qu'il existe un répertoire supplémentaire MiniProgram_NPM dans le répertoire racine du projet.
6. Cliquez sur le bouton "Compiler" de l'outil de développeur WeChat et vous pouvez voir que le projet est en cours d'exécution: Blush:.

Répertoire des composants

Nom du composant	chemin	illustrer
icon_button	composant / bouton / icon_button	Bouton avec icône
base_list	Composant / List / Base_List	Liste des éléments avec titre et sous-titre
title_view	composant / structure / title_view	Voir avec le titre
base_button	Composant / Button / Base_Button	Bouton
Head_portrait	composant / base / head_portrait	avatar
Recherche	composant / formulaire / recherche	Liste des éléments avec titre et sous-titre
améliorer_tex	Composant / Base / Enhance_Text	Texte amélioré
Enhance_view	Composant / Base / Enhance_View	Vue améliorée
icon_list	composant / list / icon_list	La liste des icônes peut répondre à la plupart des besoins de liste
améliorer_icon	Composant / Base / Enhance_Icon	Icône améliorée, peut être utilisée pour afficher des icônes ou des images
marchandises	Composant / Senior / Goods_card	Carte d'affichage de produit
marchandises	Composant / Senior / Goods_Detail	Détails du produit Affichage
suspension_button	composant / bouton / suspension_button	Bouton flottant
count_button	composant / formulaire / count_button	Bouton compter
modal	composant / senior / modal	Boîte modale
marchandises	Composant / List / Goods_list	Liste de produits
barre latérale	composant / senior / barre latérale	Menu de barre latérale
Enhance_image	Composant / Base / Enhance_image	Image améliorée, peut être utilisée dans des scènes où des images d'arrière-plan sont nécessaires
Head_view	composant / structure / head_view	Afficher avec la barre de titre d'en-tête
barre de base	Composant / List / Base_Card	Composants de la carte de base
onglets	composant / senior / onglets	Barre
Load_more	composant / base / load_more	Chargez plus de composants
chargement	composant / base / chargement	Chargement des composants d'animation
surgir	composant / senior / popup	Composant de la boîte contextuelle
Vérificateur	composant / formulaire / vérificateur	Composant d'option, couramment utilisé pour la sélection de spécifications de produit
Progress_bar	composant / base / progress_bar	Composant de la barre de progression
icône	composant / base / icône	Composant icône
Transition	composant / base / transition	Composants à effet excessif

Description de la version

v1.3.0 dernier

• Composants ajoutés

1. Progress_bar
2. icône
3. Transition

• Correction et optimiser

1. Optimiser les applets

v1.2.1

• Composants ajoutés
• Correction et optimiser

1. Optimiser le mini programme et ajouter une page de découverte
2. Optimisez le composant Suspension_Button, ajoutez l'attribut OpenType pour être compatible avec les scénarios d'utilisation spéciaux des composants du bouton natif
3. Optimiser le composant Suspension_Button, ajouter une classe personnalisée IMG-Cus, qui peut être utilisée dans des scénarios où la bibliothèque d'icônes Alibaba est utilisée
4. Optimisez le composant icon_button et augmentez la prise en charge des attributs de type formulaire et de type ouvert des composants du bouton natif des applets
5. Ajouter le fond de l'emplacement personnalisé au bas du composant Goods_Detail
6. Correction du bogue où les attributs de largeur et de hauteur du composant de chargement ne fonctionnaient pas
7. Correction du bug où l'attribut sélectionné du composant Tabs affiche des exceptions lorsque l'interface est utilisée pour la liaison des données.
8. Correction du problème de style du composant icon_button
9. Correction du bug des composants des onglets causé par la mise à niveau de la version de la bibliothèque de base
10. Correction du bug qui a déclenché l'événement de clic lorsque le composant Suspension_Button est déplacé
11. Correction du bug dans la classe CUS personnalisée du composant Enhance_image

v1.2.0

• Composants ajoutés
• Correction et optimiser

1. Le composant GOODS_DETAIL prend en charge l'affichage vidéo
2. Rechercher le correctif de bogue des composants

v1.1.0

• Composants ajoutés

1. onglets
2. Load_more
3. chargement
4. surgir
5. Vérificateur

• Correction et optimiser

1. Le bouton Modal Composant Fermer prend en charge la bibliothèque d'icônes Alibaba
2. ICON_BUTTON Ajout d'attribut de données
3. Correction du bug que le composant de barre latérale ne s'affiche pas lors de l'utilisation de SetData pour mettre à jour les données
4. Ajout d'attribut de données et d'attribut sélectionné sur la barre latérale
5. La recherche ajoute une fonction d'événement OnClean
6. marchandise_card nouvel attribut datacus
7. bourse_list ajoute l'attribut datacus
8. Optimisation des composants d'onglets
9. SUSPENSION_BUTTON Cliquez
10. Problème de disposition du texte fixe lorsque le composant Suspension_Button n'utilise pas d'icônes
11. Le composant GOODS_DETAIL a ajouté un nouveau clic sur l'image de la bannière pour prévisualiser l'image et l'optimisation du style
12. Correction de bug de classe de style personnalisé du composant Base_List.
13. Le composant ICON_BUTTON a ajouté un effet de badge, qui peut être réglé via l'attribut de badge, et prend en charge l'utilisation de la bibliothèque d'icônes Alibaba pour personnaliser les paramètres de classe à l'aide de CUS-ICON

v1.0.7

• Composants ajoutés

1. marchandises
2. barre latérale
3. Enhance_image
4. Head_view
5. barre de base

• Correction et optimiser

1. Le composant de recherche a ajouté une icône de recherche par défaut.
2. Le composant de recherche supprime l'icône claire.
3. Enhance_text prend en charge l'introduction des icônes à l'aide de la bibliothèque d'icônes Alibaba (ajout de la classe de style personnalisé icon-cus).
4. Enhance_Icon prend en charge l'introduction d'icônes à l'aide de la bibliothèque d'icônes Alibaba.
5. Enhance_icon ajoute l'attribut de couleur.

à propos

• Auteur: code_xia
• Courriel personnel: [email protected]
• Unité: groupe Sook

Écrit à la fin

Avant d'utiliser le composant, veuillez vérifier l'interface fournie par le composant en détail.
Méthode d'affichage: ouvrez la page de sélection de l'applet et cliquez sur le bouton "Description détaillée" sous le composant correspondant.

Achetez une tasse de café pour l'auteur