Vorwort:
Vue verfügt über viele UI-Bibliotheken, und die meisten davon werden von ausländischen Teams entwickelt und produziert. Daher ist der Zugriff auf ausländische offizielle Websites langsam. Der Autor stellt mehrere inländische Bibliotheken vor, auf die normal zugegriffen werden kann.
H5-Ende:
1.Vant
Eine leichte und zuverlässige mobile Vue-Komponentenbibliothek mit satten Farben und vielen Komponenten. Noch wichtiger ist, dass sie mit der Uni-App für die Ausführung auf Android, iOS, WeChat-Applets und H5 verwendet werden kann und sich gut anpassen lässt.
Offizielle Website: https://youzan.github.io/vant/#/zh-CN/intro
2.Wux-Waffe
Wux WeappEs handelt sich um eine komponentenbasierte, wiederverwendbare und leicht erweiterbare UI-Komponentenbibliothek für das WeChat-Miniprogramm. Konfigurierbare Stile, flexible Erweiterung, einfache Anpassung an verschiedene Designstile, 80+umfangreiche Komponenten, die die Grundanforderungen der Entwicklung mobiler Endgeräte erfüllen können, eine WeChat-Applet-Bibliothek.
Offizielle Website: https://wux-weapp.github.io/wux-weapp-docs/#/
3. Augenfarbe
Helle, hochgesättigte Farben, eine visuell fokussierte Mini-Programmkomponentenbibliothek. Die hochwertigen Komponenten können auch mit der Uni-App verwendet werden, um auf Android, iOS, WeChat-Applets und H5 zu laufen.
Offizielle Website: https://www.color-ui.com/
4.Mint Ui
Mint UI enthält umfangreiche CSS- und JS-Komponenten, die den täglichen mobilen Entwicklungsanforderungen gerecht werden können. Dadurch können Sie schnell eine Seite mit einem einheitlichen Stil erstellen und die Entwicklungseffizienz verbessern. Auch er zählt zu den Leichtgewicht-Vertretern.
Offizielle Website: http://mint-ui.github.io/#!/zh-cn
5. ERWACHSENE
Eine mobile UI-Komponentenbibliothek, die auf Basis von WeUIund Vue(2.x) entwickelt wurde und hauptsächlich WeChat-Seiten bedient. Die Konfiguration ist schwieriger.
Offizielle Website: https://doc.vux.li/zh-CN/
PC-Version:
- Element
Element, eine auf Vue 2.0 basierende Desktop-Komponentenbibliothek für Entwickler, Designer und Produktmanager mit umfangreichen Steuerelementen und Farbkombinationen, steht zweifellos an erster Stelle!
Offizielle Website: https://element.eleme.cn/#/zh-CN
2.AT-UI
AT-UI ist eine Vue.js 2.0auf AT-UI basierende Front-End-UI-Komponentenbibliothek, die hauptsächlich zur schnellen Entwicklung von Mid- und Back-End-Produkten für PC-Websites verwendet wird. Sie verfügt über umfangreiche Steuerelemente und eine ansprechende Farbanpassung wie oben!
Offizielle Website: https://at-ui.github.io/at-ui/#/zh
3. iView
Bietet Dutzende mit Vue.js erstellte UI-Komponenten und Widgets und zeichnet sich durch ein klares und elegantes Design aus. iView ist weit verbreitet, wird von der Community aktiv gepflegt und bietet CLI-Tools für die visuelle Erstellung von Projekten. Auch dieser ist einen Versuch wert.
Offizielle Website: https://www.iviewui.com/
4.Vuikit
Ein leichtes, modulares Front-End-Framework, mit dem Sie schnell eine leistungsstarke Web-Front-End-Schnittstelle erstellen können, eine responsive Vue-UI-Bibliothek für Website-Schnittstellen mit einem klaren und einheitlichen Designstil. Die Bibliothek wird als „Monorepo“ erstellt, das vom Yarn-Arbeitsbereich verwaltet wird, Symbole und Themen werden jedoch als separate Pakete veröffentlicht.
Offizielle Website: http://www.getuikit.net/
5. Semantische Benutzeroberfläche
Ähnlich wie der Bootstrap-Stil ist dieses Projekt im Grunde eine Integration des Semantic-UI-Frameworks und Vue.js. Die Bibliothek befindet sich noch in der Entwicklung und bietet eine semantische UI-ähnliche API und eine Reihe anpassbarer Themen.
Offizielle Website: https://onebugman.cn/semantic-ui/
6.n3-Komponenten
Offizielle Website: https://n3-components.github.io/N3-components/