Easyui
Eine einfache und benutzerfreundliche WeChat-Mini-Programm-Gruppenbibliothek, die häufig verwendete Komponenten in der Entwicklung zusammenfasst, verbessert die Entwicklungseffizienz und die Wartbarkeit von Code. Gehen Sie über die Grenzen einer Codezeile hinaus und erleben Sie die Entwicklungsmethode außerhalb der Box. Die Standardkonfiguration kann die meisten Anforderungen erfüllen, und in speziellen Fällen können relevante Attribute so angepasst werden, dass die Anforderungen erfüllt werden.
Jede Komponente in der Komponentenbibliothek kann allein verwendet werden und stützt sich nicht auf eine Komponente. Sie können die Komponenten hinzufügen, die tatsächlich entsprechend den geschäftlichen Anforderungen verwendet werden, wodurch Ihr Applet immer kleiner wird.
Entwurf -API- und API -Dokumentation gemäß den offiziellen Komponenten, die sehr einfach zu beginnen sind und sehr freundlich zu Anfängern sind.
Grundlegende Bibliotheksversion
Bitte verwenden Sie die grundlegende Bibliothek über 1.9.90.
Wie man benutzt
Öffnen Sie das Projekt, wählen Sie die erforderliche Komponente aus (die Komponente befindet sich im Komponentenverzeichnis) und kopieren Sie den Ordner mit den 4 Dateien der Komponente in Ihr Projekt.
Zitieren Sie es dann im Code Ihres Projekts. Ausführliche Anweisungen für zitierende Anweisungen finden Sie in der offiziellen MINI -Programmdokumentation.
Scannen Sie den Code, um das API -Dokument anzuzeigen
Führen Sie das Projekt aus
- Gehen Sie zum Projekt Root Directory.
- Geben Sie die offizielle Website der Knoten ein, um den Knoten herunterzuladen und zu installieren (bitte lassen Sie diesen Schritt weg, wenn er installiert wurde).
- Öffnen Sie die Befehlszeile (cmd/terminal) im Projekt Root -Verzeichnis und führen Sie
npm install aus. Ich habe in der Befehlszeile keine Fehleranforderungen gesehen, und es gibt ein zusätzliches Node_Modules -Verzeichnis im Projektroot -Verzeichnis. - Verwenden Sie das WeChat Developer -Tool, um das Projekt zu öffnen (falls bereits geöffnet ist, bitte lassen Sie diesen Schritt weg).
- Klicken Sie auf die obere linke Ecke von WeChat Developer Tools, Tools -> Build NPM. Die Eingabeaufforderung besteht darin, dass Sie nach Abschluss der Konstruktion feststellen werden, dass ein zusätzliches miniprogram_npm -Verzeichnis im Projekt Root -Verzeichnis vorhanden ist.
- Klicken Sie auf die Schaltfläche "Kompilieren" des Wechat -Entwickler -Tools und Sie können sehen, dass das Projekt ausgeführt wird: Blush:.
Komponentenverzeichnis
| Komponentenname | Weg | veranschaulichen |
|---|
| icon_button | Komponente/Schaltfläche/icon_button | Taste mit Symbol |
| Base_List | Komponente/List/Base_List | Listen Sie Elemente mit Titel und Untertitel auf |
| title_view | Komponente/Struktur/title_view | Mit Titel anzeigen |
| Base_Button | Komponente/Button/Base_Button | Taste |
| head_portrait | Komponente/Basis/head_portrait | Avatar |
| Suchen | Komponente/Form/Suche | Listen Sie Elemente mit Titel und Untertitel auf |
| Enhance_Text | Komponente/Basis/Enhance_text | Verbesserter Text |
| Enhance_View | Komponente/Basis/Enhance_View | Verbesserte Ansicht |
| ICON_LIST | Komponente/Liste/ICON_LIST | Die Symbolliste kann die meisten Listenanforderungen erfüllen |
| Enhance_icon | Komponente/Basis/Enhance_icon | Verbessertes Symbol, kann zum Anzeigen von Symbolen oder Bildern verwendet werden |
| GOODE_CARD | Komponente/Senior/Goods_Card | Produktanzeigekarte |
| GOORE_DETAIG | Komponente/Senior/Goods_Detail | Produktdetails Anzeige |
| Suspension_Button | Komponente/Taste/Suspension_Button | Schwimmender Knopf |
| count_button | Komponente/Form/count_button | Zählen Sie Taste |
| modal | Komponente/Senior/Modal | Modal Box |
| GOODE_LIST | Komponente/List/Goods_List | Produktliste |
| Seitenleiste | Komponente/Senior/Seitenleiste | Seitenleistemenü |
| Enhance_image | Komponente/Basis/Enhance_image | Verbessertes Bild kann in Szenen verwendet werden, in denen Hintergrundbilder erforderlich sind |
| head_view | Komponente/Struktur/head_view | Ansicht mit Header Title Bar |
| Base_card | Komponente/List/Base_Card | Grundkartenkomponenten |
| Registerkarten | Komponente/Senior/Registerkarten | Tag Bar |
| load_more | Komponente/Basis/Load_more | Laden Sie mehr Komponenten |
| Laden | Komponente/Basis/Laden | Laden von Animationskomponenten |
| Popup | Komponente/Senior/Popup | Popup-Box-Komponente |
| Checker | Komponente/Form/Checker | Optionskomponente, häufig für die Produktspezifikationsauswahl verwendet |
| Progress_Bar | Komponente/Basis/Progress_Bar | Fortschrittsbalkenkomponente |
| Symbol | Komponente/Basis/Symbol | Symbolkomponente |
| Übergang | Komponente/Basis/Übergang | Übermäßige Effektkomponenten |
Versionsbeschreibung
v1.3.0 Letzte
- Progress_Bar
- Symbol
- Übergang
- Reparieren und optimieren
- Applets optimieren
v1.2.1
- Komponenten hinzugefügt
- Reparieren und optimieren
- Optimieren Sie das Mini -Programm und fügen Sie eine Entdeckungsseite hinzu
- Optimieren Sie die Komponente der Suspension_Button, fügen Sie das OpenType -Attribut hinzu, um mit den speziellen Verwendungsszenarien der nativen Tastekomponenten kompatibel zu sein
- Optimieren
- Optimieren Sie die Komponente icon_button und erhöhen
- Fügen Sie unten in der Waren -Detail -Komponente benutzerdefinierten Schlitz unten hinzu
- Der Fehler wurde behoben, bei dem die Ladekomponenten -Set -Breite und die Höhenattribute nicht funktionierten
- Der Fehler wurde behoben, bei dem das ausgewählte Attribut der Registerkarte Komponente Ausnahmen anzeigt, wenn die Schnittstelle zur Datenbindung verwendet wird.
- Behoben das Stilproblem von icon_button component
- Der Fehler der Registerkonkomponenten wurde durch das Upgrade der grundlegenden Bibliotheksversion behoben
- Es wurde der Fehler behoben, der das Klickereignis ausgelöst hat, wenn die Komponente suspension_button verschoben wird
- Beheben Sie den Fehler in der CUS -benutzerdefinierten Klasse der Enhance_image -Komponente
v1.2.0
- Komponenten hinzugefügt
- Reparieren und optimieren
- Die Ware_Detail -Komponente unterstützt die Videoanzeige
- Fehlerbehebung der Komponenten -Komponenten
v1.1.0
- Registerkarten
- load_more
- Laden
- Popup
- Checker
- Reparieren und optimieren
- Die Schaltfläche "Modalkomponente" unterstützt die Alibaba -Icon -Bibliothek
- icon_button wurde Datacus -Attribut hinzugefügt
- Der Fehler wurde behoben, dass die Seitenleistenkomponente bei Verwendung von SetData zum Aktualisieren von Daten nicht angezeigt wird
- Das DataCus -Attribut und das ausgewählte Attribut in der Seitenleiste hinzugefügt
- Die Suche fügt die Ereignisfunktion der Onclean hinzu
- Goods_Card New Datacus Attribut
- Waren_List fügt das DataCus -Attribut hinzu
- Tabs -Komponentenoptimierung
- Suspension_Button -Komponentenklick -Ereignis löst keine Fehlerreparatur aus
- Problem des Textlayouts behoben, wenn Suspension_Button -Komponente keine Symbole verwendet
- Die Waren -Detail -Komponente hat einen neuen Klick auf das Bannerbild hinzugefügt, um die Bild- und Stiloptimierung anzunehmen
- Base_List -Komponente Custom Style Class -Fehlerbehebung
- Die Komponente icon_button hat einen Ausweiseffekt hinzugefügt, der über das Badge-Attribut festgelegt werden kann, und unterstützt die Verwendung der Alibaba-Symbolbibliothek, um die Klasseneinstellungen mithilfe von CUS-ICON anzupassen
v1.0.7
- GOODE_LIST
- Seitenleiste
- Enhance_image
- head_view
- Base_card
- Reparieren und optimieren
- Die Suchkomponente hat ein Standardsuche -Symbol hinzugefügt.
- Suchkomponente löscht das Clear -Symbol.
- Enhance_Text unterstützt die Einführung von Symbolen mithilfe der Alibaba-Symbolbibliothek (Hinzufügen von Icon-CUs Custom Style-Klasse).
- Enhance_ICON unterstützt die Einführung von Ikonen mithilfe der Alibaba -Icon -Bibliothek.
- Enhance_icon fügt Farbattribut hinzu.
um
Am Ende geschrieben
Bevor Sie die Komponente verwenden, überprüfen Sie bitte die von der Komponente bereitgestellte Schnittstelle im Detail.
Anzeigenmethode: Öffnen Sie die Applet -Auswahlseite und klicken Sie unter der entsprechenden Komponente auf die Schaltfläche "Detaillierte Beschreibung".
Kaufen Sie eine Tasse Kaffee für den Autor
